天天看點

ES6 文法 之 destructuring

ES6允許按照一定模式,從數組和對象中提取值,對變量進行指派,這被稱為解構(Destructuring)。

ES6寫法

let cat = \'ken\'
let dog = \'lili\'
let zoo = {cat, dog}
console.log(zoo)  //Object {cat: "ken", dog: "lili"}                        

反過來可以這樣寫

let dog = {type: \'animal\', many: 2}
let { type, many} = dog
console.log(type, many)   //animal 2           

其實這裡我們寫習慣了還是可以省很多代碼量的,比如從連結裡取參數,從react的this.state中取屬性