1、ES6之前,函数如果需要默认值,需要在函数内额外处理,如:
function log(x,y){
y = y || 'World'
console.log(x,y);
}
log('Hello');//Hello World
log('Hello','ES6');//Hello ES6
log('Hello','');//Hello World
上述代码中第二行,检查y参数是否有值,如果没有,将其赋值为默认值'World'。
这种写法有个问题,只要y参数的布尔值为false,就会使用默认值,于是参数y无效。
就像上述代码最后一行,y参数赋值为'',但无效。
一般来说,为了避免这个问题,还需要再加一个判断:
if(typeof y === undefined){
y = 'World';
}
2、ES6函数在定义时,可以赋默认值,上述代码可以改为:
function log(x,y='World'){
console.log(x,y)
}
log('Hello'); //Hello
log('Hello','ES6');//Hello ES6
log('Hello','');//Hello
比ES5的写法更简洁明了。
这种写法也可以:
function Para(x=0,y=0){
this.x=x;
this.y=y;
}
let para = new Para();
para; //{x:0,y:0}
参数默认值也可以是表达式:
const BASE =10;
function add(x,y=BASE+5){
console.log(x+y);
}
add(5); //20
这样也行:
function bigger(x,y=Math.abs(-5)){
if(x>y){
return 'bigger';
}
return 'smaller';
}
bigger(10); //'bigger'
使用参数默认值时,不能有同名参数,参数变量也是默认声明的,不能用let或者const在函数内再次声明。
另外,参数默认值不是传值的,而是每次都会重新计算默认值表达式的值。