文章标题

es6参数的默认值，和解构表达式的默认值：

在es6之前，js不能为函数参数制定默认值，只能采用变通方法：
function test1(x,y){
y = y || ‘world’; //当没有给y赋值的时候，y=world
console.log(x,y);
}
但是这样做不稳定，因为当y被复制了，但是赋值之后的y对应的布尔值为false，则y还是world

function log(x, y) {
y = y || ‘World’;
console.log(x, y);
}

log(‘Hello’) // Hello World
log(‘Hello’, ‘China’) // Hello China
log(‘Hello’, ”) // Hello World
为了避免这个问题，可以在赋值之前判断一下参数y有没有被赋值

if(typeof y === ‘undefined’){
y = ‘world’;
}

es6中的参数默认值（使用方式几乎和python一样）：
es6允许直接在参数定义后面写上值，来为参数制定默认值：

function test (x,y=’world’){
console.log(x,y);
}

log(‘Hello’) // Hello World
log(‘Hello’, ‘China’) // Hello China
log(‘Hello’, ”) // Hello

注意，在使用参数默认值的时候不允许出现同名参数，会报错。另外，参数默认值不是按值传递的，而是每次调用函数的·时候都会重新计算默认值表达式的值（js的传值方式，传递的是引用的拷贝），也就是说，参数默认值是惰性求值。

与解构赋值默认值结合使用
function foo ({x,y=5}){
console.log(x,y);
}
foo({}) // undefined 5
foo({x: 1}) // 1 5
foo({x: 1, y: 2}) // 1 2
foo() // TypeError: Cannot read property ‘x’ of undefined

上面的代码值使用了对象的解构赋值默认值，没有使用函数惨数的默认值，只有当函数的参数是一个对象的时候，变量x，y才会通过解构赋值生成。如果没有给函数提供参数，变量x，y就不会生成，所以报错。所以通过给函数提供默认值，就可以避免这种情况。

function({x,y=5} = {}){
console.log(x,y);
}
foo() //undefined 5
上面代码指定，如果没有提供参数，函数foo的参数默认一个空对象
再请问下面两种写法有什么差别？

// 写法一
function m1({x = 0, y = 0} = {}) {
return [x, y];
}

// 写法二
function m2({x, y} = { x: 0, y: 0 }) {
return [x, y];
}
上面两种写法都对函数的参数设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；写法二函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值。