ES6 函数默认值

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在函数内再次声明。

另外，参数默认值不是传值的，而是每次都会重新计算默认值表达式的值。