js 函数的 arguments

1. 用于在函数内部获取函数被调用时传入的所有参数
2. 正常模式：arguments 与参数联动，可以通过修改 arguments 来修改函数参数的值
3. 严格模式：arguments 与参数不联动，无法通过修改 arguments 来修改函数参数的值
4. arguments 是伪数组
5. arguments 在箭头函数中不可用
6. arguments.callee 指向当前函数，在严格模式下无法使用
7. arguments 在开发中很少用，若要获取额外的函数参数，通常会使用 ES6 推出的 rest（剩余）参数来实现

arguments 对象

由于 JavaScript 允许函数有不定数目的参数，所以需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来。

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

function showInfo(name) {
    console.log("Name:", name);
    console.log("Extra argument:", arguments[1]);
}
showInfo("Alice", 25);
// 输出：
// Name: Alice
// Extra argument: 25

正常模式下，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很像数组，但它是一个对象。而且，在 ES6（ECMAScript 2015）的箭头函数中，arguments 对象是不可用的。

数组专有的方法（比如slice和forEach），不能在arguments对象上直接使用。如果要让arguments对象使用数组方法，真正的解决方法是将arguments转为真正的数组。

下面是两种常用的转换方法：slice方法和逐一填入新数组。

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

arguments.callee

arguments对象带有一个callee属性，返回它所对应的原函数。

var f = function () {
  console.log(arguments.callee === f);
}
f() // true

可以通过arguments.callee，达到调用函数自身的目的。这个属性在严格模式里面是禁用的，因此不建议使用。