关键字arguments:
arguments:只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数,arguments类似于数组,但是不是数组。
例子:
//输出所有传入的参数
function foo(x){
console.log(x);
for (var i=0;i<arguments.length;i++){
console.log(arguments[i]);
}
}
foo(10,20,30);//10,20,30
//可以用来判断传入参数的个数,来进行函数的设计
//例如:需要接收2-3个参数,其中b为可选参数,如果只传两个参数的话,
//b就默认为null
function foo1(a,b,c){
if(arguments.length===2){
c=b;//如果只传了两个参数,就将传入的第二个参数b赋值给c
b=null;//然后将第二个参数b设置为null
}
}
关键字rest:
rest:es6中的新参数,rest参数可以将多余的参数以数组形式交给变量rest,所以不再需要arguments我们就可以获取全部参数,如果参数传入过少,没有填满基本参数,那么rest就会接受一个空数组
例如:
//定义一个球传入所有参数和的函数。
function sum(...rest){
var sum=0;
for(var i of rest){
sum=sum+i;
}
return sum;
}
console.log('和为'+sum(2,2,99,99,99,99));
现在出题:
定义一个计算圆的面积的函数,传入两个参数,π和r,如果没传入π,则默认为3.14
1.用arguments实现
function area(r,pi){
if(arguments.length === 1){
pi = 3.14;
return r*r*pi;
}else{
return r*r*pi;
}
}
2.arguments简化版
function area(r,pi){
return arguments.length===1 ? r*r*3.14:r*r*pi;
}
3.rest实现
function area(r,...rest){
if(rest.length === 0){//当rest长度为0说明没有传入值,所以为空数组
return r*r*3.14;
}else{
return r*r*rest[0];
}
}