ES6中变量的解构赋值

一、数组的解构赋值

var  [a,b,c]=[1,2,3];//直接赋值给变量

a=1;b=2;c=3

二、 对象的解构赋值

let{bar,foo}={bar:"lili",fofo:100};
    console.log(bar,foo);//key值和value 值一样可以只写一个，是value值

//完整版

let {bar :bar,foo:foo}={bar:"lili",fofo:100};
  coonsole.log(bar,foo);

三、特殊对象的解构赋值

• 字符串做数组 

 let{length:len}="function";

console.log(len);

• 字符串做对象

let{length:len}="function";
console.log(len);

• Math的应用

let{PI:p}=Math;
console.log(p)；

 四、实际应用

• 交换2个变量值

let a=100;
let b=200;
{a,b}=[b,a];

• 提取json 中的数据

let jsonData={
    id:1,
    status:"okokok",|
    data:[1,2,3,4,5]
}
let{id,status,data}=jsonData;

• 用于函数参数默认值

function fn({id,name="张三")}{
   console.log(id,name);
}
fn({id:4{)