ES6学习笔记---对象作为函数参数 的解构

对象作为函数参数时，如果要设一个默认值，会有如下两种方法

第一种是这种形式：

function move({x = 0, y = 0} = {}) {
return [x, y];
}

move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, 0]
move({}); // [0, 0]
move(); // [0, 0]

另一种形式是这样：

function move({x, y} = { x: 0, y: 0 }) {
return [x, y];
}

move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move(); // [0, 0]

两种形式的区别是：前一种

{x = 0, y = 0} = {}

后者：

{x, y} = { x: 0, y: 0 } 相当于给参数对象中的x, y 属性赋值默认值0，由于ES6中对“==”是严格判断的，所以只有再输入这样的对象｛x:undefined,y:undefined｝，才会使x,y 的默认值起作用