ES6之表达式结构(Destructuring)

表达式结构(Destructuring)

  目录:


语法

使用对象作为返回载体(带有标签的多返回值)

  用法:{ arg1, arg2 } = { arg1: value1, arg2: value2}

function getState(){
   
    // …
    return {
        error: null,
        logined: true,
        user: { /* … */ },
        // …
    }
}
const { error, logined, user } = getState();
if(error) { /* … */ }


使用数组作为返回载体

  用法:[ arg1, arg2 ] = [ value1, value2]

const [foo, bar] = [1, 2];
console.log(foo, bar); //1 2



  如果希望跳过数组中某些元素,可以通过空开一个元素的方式实现:

// 用法:[ arg1, , arg2 ] = [ value1, value2, value3]

const [foo, , bar] = [1, 2, 3];
console.log(foo, bar); //1 3



  如果希望能在获取指定位置的元素以外,也可以不定项地获取后续的元素,那么可以用 … 语句来实现:

// 用法:[ arg1, arg2, ...rest ] = [ value1, value2, value3, value4]

const [a, b, ...rest] = [
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值