JavaScript之ES6中解构原理及注意事项（数组和对象）

//ES6中的解构原理(常用类型)：

 

//数组解构：

//数组的元素是按次序排列的，变量的取值由它的位置决定；

let [a,b,c] = [1,2,3];

console.log(a,b,c) //结果为： 1,2,3;

 

//对象解构变量同名(ES6中对象解构)：

//特别注意:对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

let {name,age} = {name:"kirin",age:18};

console.log(name,age) //结果为："kirin",18;

//对象解构变量同名并取别名(ES6中对象解构)：

//特别注意:对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

let {name:n,age:a} = {name:"kirin",age:18};

console.log(n,a) //结果为："kirin",18;

 

//ES6解构中()问题，这点很重要，在let定义的时候,let的作用域是块级{}; 更多特殊()问题查看手册！

 

//ES6中其他特殊解构方法请查看手册：https://www.w3cschool.cn/ecmascript/3yhi1q5h.html