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

 

 

函数的参数也可以解构：