剩余参数(亦称 rest 参数) 用于获取函数的多余参数,这样就不要使用 arguments
对象了。剩余参数搭配的变量是一个 数组,该变量将多余的参数放入数组中。
function add(...values) {let sum = 0;for (var val of values) {sum += val;}return sum;}add(2, 5, 3); // 10
上面代码的 add
函数是一个求和函数,利用函数剩余参数,可以向该函数传入任意数目的参数。
下面是一个函数剩余参数代替 arguments
变量的例子。
// arguments变量的写法function sortNumbers() {return Array.prototype.slice.call(arguments).sort();}// rest参数的写法const sortNumbers = (...numbers) => numbers.sort();
arguments
对象不是数组,而是一个类似数组的对象。所以为了使用数组的方法,必须使用 Array.prototype.slice.call
先将其转为数组。函数剩余参数就不存在这个问题,它就是一个真正的数组,数组特有的方法都可以使用。下面是一个利用函数剩余参数改写数组 push
方法的例子。
function push(array, ...items) {items.forEach(function(item) {array.push(item);console.log(item);});}const collection = [];push(collection 1, 2, 3)
剩余参数 | 参数对象 |
---|---|
只包含那些没有对应形参的实参 | 包含了传给函数的所有实参 |
真实的数组,可直接使用所有数组方法 | 不是一个真实的数组,是个类数组,需要 Array.from 或解构赋值转换为真实数组后方可遍历 |
还有一些附加的属性, 比如 callee 属性 |
function f(a, ...b, c) { ... }// Uncaught SyntaxError: Rest parameter must be last formal parameter
length
属性,不包括函数剩余参数。(function(a) {}.length);// 1
(function(...a) {}.length);// 0
(function(a, ...b) {}.length);// 1