1. 程式人生 > >JavaScript之ES6中解構原理及注意事項(陣列和物件)

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