解构赋值:
*非常有用,特别是在做数据交互 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
函数的参数也可以解构: