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都给一个默认值0,参数可以是默认对象 相当于 参数对象= $.extend({},{x:0,y:0},参数对象);
后者:
{x, y} = { x: 0, y: 0 } 相当于给参数对象中的x, y 属性赋值默认值0,由于ES6中对“==”是严格判断的,所以只有再输入这样的对象{x:undefined,y:undefined},才会使x,y 的默认值起作用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值