Javascript中arguments对象的详解与使用方法

更新时间：2016年10月04日 18:21:51 投稿：daisy

ECMAScript中的函数并不介意传递的参数有多少，也不介意是什么类型。由于JavaScript允许函数有不定数目的参数，所以我们需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来。这篇文章将详细介绍Javascript中的arguments对象和使用方法。

一、arguments使用方法

通过方括号语法访问每一个元素

var fun = function(one) {
 console.log(arguments[0]);
 console.log(arguments[1]);
 console.log(arguments[2]);
}
fun(1, 2, 3)
// 1
// 2
// 3

通过length属性,查看到底要几个参数

function fun() {
 return arguments.length;
}
fun(1, 2, 3) // 3
fun(1) // 1
fun() // 0

参数赋值(“严格模式下不允许”)

var fun = function(a, b) {
 arguments[1] = 2;
 return a + b;
}
fun(1, 1)
// 3

二、arguments与数组的关系

虽然arguments可以使用中括号语法，并且具有length属性，但arguments对象只是与数组类似，并不是Array的实例。因此，无法对 arguments 变量使用标准的数组方法，比如 push, pop 或者 slice。虽然使用 for 循环遍历也是可以的，但是为了更好的使用数组方法，最好把它转化为一个真正的数组。

如何使用数组方法？

通过apply方法，把arguments作为参数传进去，这样就可以让arguments使用数组方法了。

// 用于apply方法
myFunction.apply(obj, arguments).
// 使用与另一个数组合并
Array.prototype.concat.apply([1,2,3], arguments)

终极解决方法，直接转为真正的数组

下面的代码将会创建一个新的数组，包含所有 arguments 对象中的元素。

var args = Array.prototype.slice.call(arguments);
//或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
 args.push(arguments[i]);
}
//或者
var args = [].slice.call(arguments, 0);

三、强大却不建议使用的callee属性

arguments的callee属性可以调用函数本身，当函数正在执行时才可调用，可以实现方法的递归调用

下面的代码将会实现一个求阶乘方法

var factorial = function(x){
 return x<=1?1:x*arguments.callee(x-1);
}

在ECMAScript5严格模式中，对这个属性的读写操作会产生一个类型错误，并且会显著的影响现代 JavaScript 引擎的性能，所以，因此强烈建议大家不要使用 arguments.callee 和它的属性。

四、总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习和工作能带来一定的帮助，如果有疑问大家可以留言交流。

您可能感兴趣的文章:

JS实现动态增加和删除li标签行的实例代码
下面小编就为大家带来一篇JS实现动态增加和删除li标签行的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
基于JavaScript实现前端数据多条件筛选功能
这篇文章主要为大家详细介绍了基于JavaScript实现前端数据多条件筛选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
js中join()方法举例详解
这篇文章主要给大家介绍了关于js中join()方法的相关资料,join方法用于把数组中的所有元素放入一个字符串,文中通过代码以及图文介绍的非常详细,需要的朋友可以参考下
2023-10-10
微信小程序自定义组件实现多选功能
这篇文章主要为大家详细介绍了微信小程序自定义组件实现多选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
javascript动态创建链接的方法
这篇文章主要介绍了javascript动态创建链接的方法,涉及javascript动态操作页面元素的技巧,需要的朋友可以参考下
2015-05-05
JavaScript中localStorage对象存储方式实例分析
这篇文章主要介绍了JavaScript中localStorage对象存储方式,结合实例形式分析了localStorage对象存储数据的原理及操作技巧,需要的朋友可以参考下
2017-01-01
bootstrap-table实现表头固定以及列固定的方法示例
这篇文章主要介绍了bootstrap-table实现表头固定以及列固定的方法示例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
JS绘图Flot如何实现可选显示曲线图功能
这篇文章主要介绍了JS绘图Flot如何实现可选显示曲线图功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
在JS循环中使用async/await的方法
async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。这篇文章主要介绍了在JS循环中使用async/await的方法,需要的朋友可以参考下
2018-10-10
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
有时候可能为了一些更好的广告效果等原因，需要让用户等待一段时间以后，再显示真实下载地址代码，有利于缓解服务器压力。
2010-04-04