[TOC] #### 1. ES6 之前 --- **對(duì)象數(shù)據(jù)** ```javascript let user = { name: "辰風(fēng)沐陽(yáng)", age: 22, gender: 1 } ``` 我們經(jīng)常會(huì)遇到需要獲取對(duì)象中的某些值的場(chǎng)景，最簡(jiǎn)單直接的方式就是通過(guò) `對(duì)象.屬性名` 獲取 但是當(dāng)需要獲取的屬性過(guò)多時(shí)，需要些大量`.`來(lái)獲取（數(shù)組亦是如此）, 如下所示: ```javascript var name = user.name var age = user.age var gender = user.gender ``` #### 2. ES6 解構(gòu)賦值 --- 在 ES6 中新增了一個(gè)種新的語(yǔ)法（解構(gòu)賦值）來(lái)解決這個(gè)問(wèn)題 解構(gòu)賦值: 從數(shù)組或?qū)ο笾刑崛∫粋€(gè)或多個(gè)值，對(duì)多個(gè)變量進(jìn)行批量賦值 ES6的解構(gòu)賦值其實(shí)類(lèi)似于PHP的 `list()` 數(shù)組函數(shù) **解構(gòu)賦值的使用示例（以下兩種方式等價(jià)）** ```javascript const { name, gender } = user ``` 相當(dāng)于 ```javascript const name = user.name const gender = user.gender ``` **給解構(gòu)出來(lái)的屬性名換一個(gè)變量名稱(chēng)** ``` const { name:nickName, gender:sex } = user ``` 相當(dāng)于 ```javascript const nickName = user.name const sex = user.gender ``` #### 3. 參考文章 --- [深入理解ES6之解構(gòu)](https://www.jianshu.com/p/ab4e4338047b "深入理解ES6之解構(gòu)")