【前端学习】ES6语法 解构表达式用法

数组解构

数组内容快速赋值

let arr=[1,2,3];
let [item0,item1,item2]=arr;
console.log(item0);
//1
console.log(item1);
//2
console.log(item2);
//3

数组部分内容解构赋值

let arr=[1,2,3];
let [item0]=arr;
console.log(item0);
//1
let [item0,,item1]=arr;
console.log(item0);
//1
console.log(item0);
//3

对象解构

对象内容解构，可直接使用属性名获取对象内部变量

let obj={
        para1:1,
        para2:"zzz",
        para3:[1,2,3]
    };
let {para1,para2}=obj;
console.log(para1);
//1
console.log(para2);
//zzz

对象内容解构，不使用对象属性名定义变量

let obj={
        para1:1,
        para2:"zzz",
        para3:[1,2,3]
    };
let {para1:age,para2:name}=obj;
console.log(age);
//1
console.log(name);
//zzz

方法中使用解构

let person={
    name:"艾伦·耶格尔",
    age:16
    };
//方式1 
function func1({name,age}){
    return name+","+age;
}
console.log(func1(person));
//艾伦·耶格尔,16



//方式2 lambda
let func2=({name,age})=>{return name+","+age;};
console.log(func2(person));
//艾伦·耶格尔,16