ES6---解构赋值 笔记

解构赋值:

      *非常有用,特别是在做数据交互 ajax

下图的例子就是个简单的解构赋值

let [a,b,c] = [12,5,6];   //把右边的数据导到左边,左边起个别名,对应上就可以了

 

注意:解构左右两边,结构格式要保持一致

let [a,[b,c]] = [12,[5,6]];

 

下图是json数据的解构

 

可以改别名(这个知道就可以了)

 

有时可能会遇到后端传的数据为空,就可以这样做

let [a,b,c = "暂无数据"] = ['aaa','bbb'];

        console.log(a,b,c);

 

后端传了undefined时可以给默认值

let [a,b,c = "暂无数据"] = ['aaa','bbb',undefined];

        console.log(a,b,c);

 

但是后台如果给传了null时,是给不了默认值的

let [a,b,c = "暂无。。。"] = ['aaa','bbb',null];

        console.log(a,b,c);

 

如下图,利用解构赋值就可以很容易的解决数据的互换位置

 

 

函数的封装,用到的解构赋值

 

还有一个作用,用到的地方

import {a,b,c} from './mod' 

解构的是mod解构出来对应的a,b,c

 

 

函数的参数也可以解构:

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值