描述
arguments
是一个对应于传递给函数的参数的类数组对象。
arguments
对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments
对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:
arguments[0]
arguments[1]
arguments[2]
当然参数也可以被设置:
代码语言:javascript复制arguments[1] = 'new value';
arguments
对象不是一个 Array
。它类似于 Array
,但除了length属性和索引元素之外没有任何Array
属性。例如,它没有 pop 方法。但是它可以被转换为一个真正的Array
:
var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);
// ES2015
const args = Array.from(arguments);
const args = [...arguments];
属性
代码语言:javascript复制arguments.callee
指向参数所属的当前执行的函数。 指向调用当前函数的函数。(Function 对象的正文)
代码语言:javascript复制arguments.length
传递给函数的参数数量。
代码语言:javascript复制arguments[@@iterator]
返回一个新的 Array 迭代器 对象,该对象包含参数中每个索引的值。
特点
- arguments对象和Function是分不开的。
- 因为arguments这个对象不能显式创建。
- arguments对象只有函数开始时才可用。
拓展
length 属性
遍历参数来求和。
代码语言:javascript复制function add() {
var sum =0,
len = arguments.length;
for(var i=0; i<len; i ){
sum = arguments[i];
}
return sum;
}
add() // 0
add(1) // 1
add(1,2,3,4); // 10
callee 属性
实现递归函数。
代码语言:javascript复制function sum(n) {
if (1 == n) {
return 1;
} else {
return n arguments.callee(n - 1); //6 5 4 3 2 1
}
}
sum(6) // 21
当然直接使用匿名函数也是可以的:
代码语言:javascript复制var sum = (function (n){
if (1 == n) {
return 1;
} else {
return n arguments.callee(n - 1); //6 5 4 3 2 1
}
})(6)
console.log(sum) // 21
小知识
当使用 arguments 进行函数传递时,会有一些注意的地方,下面有一道面试题的例子:
代码语言:javascript复制var length = 10;
function fn() {
console.log(this.length);
}
var obj = {
method: function(fn) {
fn();
arguments[0]();
}
};
obj.method(fn, 1);
那么应该输出什么呢? 答案是:
代码语言:javascript复制输出结果如下:
10
2
解析:
1.第一次输出的是 10
,是因为执行了 method 中的第一个 fn() 函数,这时打印出来的 length 指的是 window 中定义的 length 。故而打印出 10 。
2.第二次输出了 2
,这时候执行了 method 中的第二句。arguments[0]()
( arguments[0] ==> fn() ),此时的 this 指向到了arguments对象上。所以输出值为arguments的长度。