https://www.cnblogs.com/hanguidong/p/9449910.html
剩余参数语法允许我们将一个不定数量的参数表示为一个数组。
1 2 3 4 5 6 7 8 9
扫描二维码关注公众号,回复:
4627914 查看本文章
10 11 |
|
语法
1 2 3 |
|
描述
如果函数的最后一个命名参数以...
为前缀,则它将成为一个数组,其中从0
(包括)到theArgs.length
(排除)的元素由传递给函数的实际参数提供。
在上面的例子中,theArgs
将收集该函数的第三个参数(因为第一个参数被映射到a
,而第二个参数映射到b
)和所有后续参数。
剩余参数和 arguments
对象的区别
剩余参数和 arguments
对象之间的区别主要有三个:
- 剩余参数只包含那些没有对应形参的实参,而
arguments
对象包含了传给函数的所有实参。 arguments
对象不是一个真正的数组,而剩余参数是真正的Array
实例,也就是说你能够在它上面直接使用所有的数组方法,比如sort
,map
,forEach
或pop
。arguments
对象还有一些附加的属性 (如callee
属性)。
从 arguments 到数组
引入了剩余参数来减少由参数引起的样板代码。
// Before rest parameters, the following could be found: function f(a, b) { var args = Array.prototype.slice.call(arguments, f.length); // … } // to be equivalent of function f(a, b, ...args) { }
解构剩余参数
剩余参数可以被解构,这意味着他们的数据可以被解包到不同的变量中。请参阅解构赋值。
1 2 3 4 5 6 7 |
|
示例
因为theArgs
是个数组,所以你可以使用length
属性得到剩余参数的个数:
1 2 3 4 5 6 7 |
|
下例中,剩余参数包含了从第二个到最后的所有实参,然后用第一个实参依次乘以它们:
1 2 3 4 5 6 7 8 |
|
下例演示了你可以在剩余参数上使用任意的数组方法,而arguments
对象不可以:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
为了在arguments
对象上使用Array
方法,它必须首先被转换为一个真正的数组。
1 2 3 4 5 6 |
|