- 当函数的传参可能是1个,2个或多个,不确定时,常有这样的用法:
function sum(args) {
let sum = 0;
for (let i = 0; i < args.length; i++) {
sum += args[i];
}
return sum;
}
console.log(sum([1])) //1
console.log(sum([1, 2])) //3
console.log(sum([1, 2, 3])) //6
console.log(sum([1, 2, 3, 4])) //10
上述方法,调用的人需要传入数组作为参数
函数调用的时候方便,要高于函数书写时方便,原则上。需要传数组,调用人很不方便,不是好的代码。
2. 解决这个问题,引入arguments的写法:
function sum() {
let sum = 0;
for (let i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
console.log(sum(1)) //1
console.log(sum(1, 2)) //3
console.log(sum(1, 2, 3)) //6
console.log(sum(1, 2, 3, 4)) //10
arguments的缺陷:
1)如果和形参配合使用,容易导致混乱(有默认形参相脱离,没有默认形参,和形参又关联)
2)从语义上,使用arguments获取参数,由于形参缺失,无法从函数定义上理解函数的真实意图
- es6的剩余参数专门用于收集末尾的所有参数,将其放置到一个形参数组中
语法:function(...形参名){ }
这样上述函数就可以写作:
function sum(...args) {
// args收集里了所有的参数,形成的要一个数组
let sum = 0;
for (let i = 0; i < args.length; i++) {
sum += args[i];
}
return sum;
}
console.log(sum(1)) //1
console.log(sum(1, 2)) //3
console.log(sum(1, 2, 3)) //6
console.log(sum(1, 2, 3, 4)) //10
- 剩余参数需要注意的细节
- 一个函数,仅能出现一个剩余参数
- 一个函数,如果有剩余参数,剩余参数必须是最后一个参数