JS Arguments对象详解

arguments是一个对应传递给函数参数的类数组对象；

使用场景：针对同一个方法被多处调用，但是参数数量不确定的情况下，可以更具arguments索引进行判断。

例如：

function func1(a, b, c) { 
    console.log(arguments[0]); // 1 
    console.log(arguments[1]); // 2 
    console.log(arguments[2]); // 3 
} 
func1(1, 2, 3);

 

1、arguments对象是所有非箭头函数都有的一个局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引0处。例如，如果一个函数传递了三个参数，你可以以如下方式引用他们：

• arguments[0]
• arguments[1]
• arguments[2]

传入的参数也可以被修改：arguments[0]='xiugai';

2、arguments对象并不是一个数组，他除了length和索引元素之外，任何数组的属性都没有。当然，它可以被转换为数组：

var args = Array.prototype.slice.call(arguments); var args = [].slice.call(arguments); // ES2015 const args = Array.from(arguments); const args = [...arguments];

 

 

 

function foo(a,b,c){ arguments[0]='111'; console.log(arguments[0]); console.log(a); var args = Array.prototype.slice.call(arguments); console.log(args); console.log(arguments) } foo(1,2,3)

 

 

3、arguments存在属性callee：

 

arguments.callee();相当于调用自身函数，可以用作匿名函数的递归：

var sum = function (n) { if (1 == n) { return 1; } else { return n + arguments.callee(n - 1); //6 5 4 3 2 1 } } alert(sum(6)); 输出结果：21

4、使用arguments传递函数的时候需要注意，此时函数内部的this指向arguments：

var length = 10; 
function fn() { 
    console.log(this.length); 
} 
var obj = { 
    method: function(fn) { 
            fn(); arguments[0](); 
            } 
};
 obj.method(fn, 1); 
输出：10,2

• 第一个值为10，执行的是method里面的第一行"fn()",这里this指向的window。所以输出的值为最外层定义的length
• 第二个值为2，执行的是method里面的第二行"arguments0"（arguments0 => fn() ），这里this执行的是arguments这个对象,所以输出值为arguments的长度

传多个参数事可以直接用argument，比如求最大值：

 function max() {
        var max = arguments[0];
        console.log(arguments)

        for (val of arguments) {
            if (val >= max) {
                max = val;
            }
        }
        return max;
    }
    var maxValue = max('9', 1, 2, 4)
    console.log(maxValue)