探索 JavaScript 中的 arguments 对象：定义、特性与数组关系

 argument 对象的定义

arguments 对象包含了函数运行时的所有参数，arguments[0] 就是第一个参数，arguments[1] 就是第二个参数，以此类推。这个对象只有在函数体内部，才可以使用。

var f = function (one) {
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
}

f(1, 2, 3);

// 1
// 2
// 3

正常模式下，arguments 对象可以在运行时修改。

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

f(1, 1);    // 5

上面代码中，函数 f 调用时传入的参数，在函数内部被修改成 3 和 2 。

严格模式下，arguments 对象与函数参数不具有联动关系。也就是说，修改 arguments 对象不会影响到实际的函数参数。

var f = function(a, b) {
    'use strict';    //开启严格模式
    arguments[0] = 3;
    arguments[1] = 2;
    return a + b;
}

f(1, 1);    // 2

上面代码中，函数体内是严格模式，这时修改 arguments 对象，不会影响到真实参数 a 和 b 。通过 arguments 对象的 length 属性，可以判断函数调用时到底带几个参数。

function f() {
    return arguments.length;
}

f(1, 2, 3)    // 3
f(1) // 1
f() // 0

arguments 与数组的关系

需要注意的是，虽然 arguments 很像数组，但它是个对象。数组专有的方法（比如 slice 和 forEach ），不能在 arguments 对象上直接使用。

如果要让 arguments 对象使用数组方法，真正的解决方法是将 arguments 转为真正的数组。下面是几种常用的转换方法：

//方法1：
var args = Array.prototype.slice.call(arguments);

//方法2：
let args = Array.prototype.concat.apply([], arguments);//apply方法会把第二个参数展开

//方法3：
var args = Array.from(arguments);

//方法4：
let args = [...arguments];

//方法5：
var args = [];
for ( var i = 0; i < arguments.length; i++) {
    args.push(arguments[i]);
}