对象作为函数参数时,如果要设一个默认值,会有如下两种方法
第一种是这种形式:
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,y都给一个默认值0,参数可以是默认对象 相当于 参数对象= $.extend({},{x:0,y:0},参数对象);
{x = 0, y = 0} = {}
后者:
{x, y} = { x: 0, y: 0 } 相当于给参数对象中的x, y 属性赋值默认值0,由于ES6中对“==”是严格判断的,所以只有再输入这样的对象{x:undefined,y:undefined},才会使x,y 的默认值起作用