Arguments 对象

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

arguments对象是所有(非箭头)函数中都可用的局部变量.

可以使用arguments对象在函数中引用函数的参数.索引从0开始.

arguments对象是一个伪数组. 除了length和索引外,不能用任何数组的方法

提供几个伪数组转真数组的方法.

var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);

// ES2015
const args = Array.from(arguments);
const args = [...arguments];

console.log(typeof arguments) // object

遍历参数求和

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

剩余参数, 默认参数, 解构赋值参数

arguments对象可以于剩余参数,默认参数,解构赋值参数结合使用。

1. 函数没有包含剩余参数,默认参数,解构赋值参数，那么arguments对象中的值会跟踪参数的值（反之亦然）。看下面的代码：

function func(a) {
  arguments[0] = 99;   // 更新了arguments[0] 同样更新了a
  console.log(a);
}
func(10); // 99

并且

function func(a) {
  a = 99;              // 更新了a 同样更新了arguments[0]
  console.log(arguments[0]);
}
func(10); // 99

2.函数包含剩余参数,默认参数,解构赋值参数，那么arguments对象中的值不会跟踪参数的值（反之亦然）。看下面的代码：

function func(a = 55) {
  arguments[0] = 99; // 更新 arguments[0] 也不会更新 a
  console.log(a);
}
func(10); // 10

并且

function func(a = 55) {
  a = 99;                 // 更新a也不会更新 arguments[0]
  console.log(arguments[0]);
}
func(10); // 10

并且

function func(a = 55) {
  console.log(arguments[0]);
}
func(); // undefined