JavaScript函数一个特别的地方是,无论在函数中声明了多少形参,都可以传入任意数量的形参,在函数内部可以通过arguments对象接收传入的参数。代码如下:
function calculate(op){
if(op === "+"){
let result = 0;
for(let i=0;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}else if(op === "*") {
let result = 1;
for(let i=0;i<arguments.length;i++){
result*=arguments[i];
}
return result;
}
}
ES6引入了rest参数,在函数的命名参数前添加3个点,就表明这是一个rest参数,用于获取函数的多余参数。rest是一个数组,包含自它之后传入的所有参数,通过这个数组名就可以逐一访问里面的参数。重写calculate()函数。代码如下:
function calculate(op,...data){
if(op === "+"){
let result = 0;
for(let i=0;i<data.length;i++){
result+=arguments[i];
}
return result;
}else if(op === "*") {
let result = 1;
for(let i=0;i<data.length;i++){
result*=arguments[i];
}
return result;
}
}
rest参数包含的是op之后传入的所有参数(arguments对象包含的是所有传入的参数,包括op)。可以看到,使用rest参数,函数可以处理的参数数量一目了然,代码更加清晰。
注意的是:每个函数最多只能声明一个rest参数,并且它只能是最后一个参数,例如,下面的函数声明就是错误的。
// 语法错误:Rest parameter must be last formal parameter
function calculate(op,...data,last){
}