ES6:解构赋值

解构赋值:通俗讲就是左边一个结构,右边一个结构,然后一一赋值!

左右都是数组就叫做数组解构赋值!

左右都是对象呢就叫做对象解构赋值!

左边是字符串右边是数组就叫做字符串解构赋值!

具体怎么用直接看代码,怎么说都不如看代码

{
    let a,b;
    [a,b]=[1,2];
    console.log(a,b);
}
// 输出1,2

{
    let a,b,rest;
    [a,b,...rest]=[1,2,3,4,5,6];
    console.log(a,b,rest);
}
// 输出 1,2,[3,4,5,6]

{
    let a,b;
    ({a,b}={a:1,b:2})
    console.log(a,b);
}
// 输出 1,2
{
    let a,b,rest;
    [a,b,c]=[1,2];
    console.log(a,b,c);
}
// 这种情况输出 1,2,undefined

{
  let a,b,c,rest;
  [a,b,c=3]=[1,2];
  console.log(a,b,c);
}
// 输出 1,2,3 可以先赋值

应用场景去看这篇博客https://www.cnblogs.com/knyel/p/7833901.html我就不写了,百度一大堆。

评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值