剩余参数（rest parameter）允许长度不确定的实参表示为一个数组。
描述
如果一个函数的最后一个形参是以 ...为前缀的，则在函数被调用是，该形参会成为一个数组，数组中的元素都是传递给该函数的多出来的实参的值。
如下例子中，theArgs 会包含传递给函数的从第三个实参开始到最后所有的实参。
剩余参数恶化 arguments 对象的区别
剩余参数和 arguments 对象的区别主要有三个：
- 剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参。
- arguments 对象不是一个真实的数组，而剩余参数是真实的Array实例，也就是说你能够在它上面直接使用所有的数组方法，比如 sort， map ，forEach ， pop。
- arguments 对象还有一些附加的属性（比如callee属性）
arguments 对象转换为剩余参数
使用剩余参数可以避免将 arguments 转为数组的麻烦
// 下面的代码模拟了剩余数组
function f(a, b){
var args = Array.prototype.slice.call(arguments, f.length);
// ...
}
// 现在代码可以简化为这样了
function(a, b, ...args) {
}
示例
因为theArgs是个数组,所以你可以使用length属性得到剩余参数的个数:
function fun1(...theArgs) {
alert(theArgs.length);
}
fun1(); // 弹出 "0", 因为theArgs没有元素
fun1(5); // 弹出 "1", 因为theArgs只有一个元素
fun1(5, 6, 7); // 弹出 "3", 因为theArgs有三个元素
下例中, 剩余参数包含了从第二个到最后的所有实参. 然后用第一个实参依次乘以它们:
function multiply(multiplier, ...theArgs) {
return theArgs.map(function (element) {
return multiplier * element;
});
}
var arr = multiply(2, 1, 2, 3);
// [2, 4, 6]
console.log(arr);
下例演示了你可以在剩余参数上使用任意的数组方法,而arguments对象不可以:
function sortRestArgs(...theArgs) {
var sortedArgs = theArgs.sort();
return sortedArgs;
}
alert(sortRestArgs(5,3,7,1)); // 弹出 1,3,5,7
function sortArguments() {
var sortedArgs = arguments.sort();
return sortedArgs; // 不会执行到这里
}
alert(sortArguments(5,3,7,1)); // 抛出TypeError异常:arguments.sort is not a function
