1. 什么是 arguments
MDN 上解释：
arguments 是一个类数组对象。代表传给一个function的参数列表。
我们先用一个例子直观了解下 JavaScript 中的 arguments 长什么样子。
|
1 2 3 4 5 |
function printArgs() { console.log(arguments); } printArgs("A", "a", 0, { foo: "Hello, arguments" })； |
执行结果是：
|
1 |
["A", "a", 0, Object] |
乍一看，结果是个数组，但并不是真正的数组，所以说 arguments 是一个类数组的对象（想了解真正数组与类数组对象的区别可以一直翻到最后）。
再看看 arguments 表示的内容，其表示了函数执行时传入函数的所有参数。在上面的例子中，代表了传入 printArgs 函数中的四个参数，可以分别用 arguments[0]、 arguments[1]… 来获取单个的参数。
2. arguments 操作
2.1 arguments length
arguments 是个类数组对象，其包含一个 length 属性，可以用 arguments.length 来获得传入函数的参数个数。
|
1 2 3 4 5 6 7 |
function func() { console.log("The number of parameters is " + arguments.length); } func(); func(1, 2); func(1, 2, 3); |
执行结果如下：
|
1 2 3 |
The number of parameters is 0 The number of parameters is 2 The number of parameters is 3 |
2.2 arguments 转数组
通常使用下面的方法来将 arguments 转换成数组：
|
1 |
Array.prototype.slice.call(arguments); |
还有一个更简短的写法：
|
1 |
[].slice.call(arguments); |
在这里，只是简单地调用了空数组的 slice 方法，而没有从 Array 的原型层面调用。
为什么上面两种方法可以转换呢？
首先，slice 方法得到的结果是一个数组，参数便是 arguments。事实上，满足一定条件的对象都能被 slice 方法转换成数组。看个例子：
|
1 2 3 |
const obj = { 0: "A", 1: "B", length: 2 }; const result = [].slice.call(obj); console.log(Array.isArray(result), result); |
执行结果是：
|
1 |
true ["A", "B"] |
从上面例子可以看出，条件就是： 1) 属性为 0，1，2…；2） 具有 length 属性；
另外，有一个需要注意的地方就是，不能将函数的 arguments 泄露或者传递出去。什么意思呢？看下面的几个泄露 arguments 的例子：
|
1 2 ss="crayon-table">
| 1 2 ۀ么样子。
执行结果是：
乍一看，结果是个数组，但并不是真正的数组，所以说 arguments 是一个类数组的对象（想了解真正数组与类数组对象的区别可以一直翻到最后）。 再看看 arguments 表示的内容，其表示了函数执行时传入函数的所有参数。在上面的例子中，代表了传入 2. arguments 操作2.1 arguments lengtharguments 是个类数组对象，其包含一个
执行结果如下：
2.2 arguments 转数组通常使用下面的方法来将 arguments 转换成数组：
还有一个更简短的写法：
在这里，只是简单地调用了空数组的 slice 方法，而没有从 Array 的原型层面调用。 为什么上面两种方法可以转换呢？ 首先，slice 方法得到的结果是一个数组，参数便是 arguments。事实上，满足一定条件的对象都能被 slice 方法转换成数组。看个例子：
执行结果是：
从上面例子可以看出，条件就是： 1) 属性为 0，1，2…；2） 具有 length 属性； 另外，有一个需要注意的地方就是，不能将函数的 arguments 泄露或者传递出去。什么意思呢？看下面的几个泄露 arguments 的例子：
|
