ES6之解构赋值

时间:2023-01-11 12:33:20

截止到ES6,共有6种声明变量的方法,分别是var 、function以及新增的let、const、importclass;

我们通常的赋值方法是:

    var foo='foo';
function foo(){};
let foo='foo';
...

es6给我们提供了一种崭新赋值方式:解构赋值;

例如我们需要声明3个变量,我们用传统的赋值方式和解构赋值做一个比较;

es5:

    var data=[1,2,3];
var index=1;
var isEnd=false; console.log(data);//Array[3]
console.log(index);//1
console.log(isEnd);//false;

es6:

    let=[data,index,isEnd]=[[1,2,3],1,false];

    console.log(data);//Array[3]
console.log(index);//1
console.log(isEnd);//false;

是不是很方便,而且结构更加灵活还可以*嵌套;