2-解构赋值
2018-04-02 本文已影响0人
谷子多
非常有用,特别在做数据交互,ajax时。
注意:左右两边,结构格式要保持一致。
数组解构
let [a,b,c] = [1,2,3]
console.log(a,b,c) // 1 2 3
json解构
let json = {
name : '小明',
age : 18,
job:'程序员'
}
let {name,age,job} = json // 解构json
console.log(name,age,job) // 小明 18 程序员
// 将job变量名重新定义成a
let {name,age,job:a} = json
console.log(name,age,job) // 小明 18 程序员
// 为变量设置默认值
let {name,age,job="暂无数据"} = json
console.log(name,age) // 小明 18 '暂无数据'
应用
1. 交换数组位置
let [a,b] = ['a','b'];
[a,b] = [b,a];
console.log(a,b);
2. 解构函数返回值
function fn1(){
return{
a : 1,
b : 2
}
};
let {a,b} = fn1()
console.log(a,b) //1,2
3. import
import {a,b,c} './mod'
// 前面的 a,b,c其实也是在解构的,解的是mod最后export出来的a,b,c