ES5 中处理不定参数（arguments）
javascript @H_404_2@function sum() {
let sum = 0
Array.from(arguments).forEach(function(item) {
sum += item
})
return sum
}
console.log(sum(1, 2, 3, 4)) // 10
ES6 中处理不定函数（Rest参数）
ES6 引入Rest参数（形式为 ...变量名），用于获取函数的多余参数，这样就不需要使用 arguments 对象了。
Rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。故Rest参数理解为「剩下的所有参数」。
javascript @H_404_2@function sum(...num) {
let sum = 0
Array.from(num).forEach(function(item) {
sum += item
})
return sum
}
console.log(sum(1, 2, 3, 4)) // 10
Rest参数的强大之处
- Rest参数可以将确定的参数在传值时分离出来（此时Rest参数必须排在参数最后），而如果使用
arguments需在函数内部进行分离操作。看下面这个例子：
function sum(a, ...num) { //这里的a代表确定参数，可以有多个确定参数
let sum = 0
Array.from(num).forEach(function(item) {
sum += item
})
return a * 2 + sum
}
console.log(sum(1, 2, 3, 4, 5)) // 16
arguments不是数组，所以不能直接使用数组的原生 API 如forEach，而Rest参数是数组，可以直接使用数组的原生 API。对比下面两个例子：
// 使用 arguments
function sum() {
let num = 0
Array.prototype.forEach.call(arguments, function(item) {
num += item * 1
})
return num
}
console.log(sum(1, 2, 3)) // 6
console.log(sum(1, 2, 3, 4)) // 10
javascript
@H_404_2@// 使用Rest参数
function sum(...nums) {
let num = 0
nums.forEach(function(item) {
num += item * 1
})
return num
}
console.log(sum(1, 2, 3)) // 6
console.log(sum(1, 2, 3, 4)) // 10
Rest参数与扩展运算符
在 ES6 中，Rest参数和扩展运算符都用符号 ... 来表示，但是表达的确实相反的意思。
Rest参数是将不定的参数「收敛」到数组中，而扩展运算符是将固定的数组内容「打散」到参数里去。
Rest参数与扩展运算符可以理解为互为逆运算。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
