解构给默认值_函数设置默认值,对象的解构赋值

ES6 里边,函数设置默认值 ,简单的不用说了,说一些稍微不是特别简单的

还是先从简单的起个头

function x ({method = 'get'}) {

console.log(method)

}

x()   // TypeofError  因为要求的是默认值是个对象模式的

x({})  // 'get'

如果传入的参数是个对象

functionn x2( {method='get'} = {}) {

console.log(method)

}

x2()  // 'get' 默认不传的话,传入的值是个空 {}

比较

function x3({x = 0, y = 0} = {}) {console.log(x, y)}

function x4 ({x , y} = {x: 0, y : 0}) {console.log(x, y)}

x3 函数参数的默认值是个空对象,可是设置了对象解构赋值的默认值,

x4 函数参数的默认值是一个有具体属性的函数, 但是没有设置对象解构赋值的默认值

也就是说 x3 在你不传参的时候,或者传参没有x y 属性的时候,都可以设置  x y 的默认值

而x4 如果你不传参,他默认是  {x: 0, y: 0}, 一旦你传参了,{x: 0, y: 0} 这个默认的设定就没用了,就默认你传了 {x , y}

所以  x3()  // 0 0

x4()  //  0 0

x3({x: 1, y: 2})  // 1, 2

x4({x: 1, y: 2})  // 1, 2

x3({x: 1})   // 1 ,0

x4({x: 1})  // 1  undefined

x3({})  // 0  0

x4({})   // undefined  undefined

x3({z: 3})  // 0 0

x4({z: 3})  // undefined  undefined

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值