[TOC] #### 1. ES6 之前 --- **對象數(shù)據(jù)** ```javascript let user = { name: "辰風(fēng)沐陽", age: 22, gender: 1 } ``` 我們經(jīng)常會遇到需要獲取對象中的某些值的場景，最簡單直接的方式就是通過 `對象.屬性名` 獲取 但是當(dāng)需要獲取的屬性過多時，需要些大量`.`來獲取（數(shù)組亦是如此）, 如下所示: ```javascript var name = user.name var age = user.age var gender = user.gender ``` #### 2. ES6 解構(gòu)賦值 --- 在 ES6 中新增了一個種新的語法（解構(gòu)賦值）來解決這個問題 解構(gòu)賦值: 從數(shù)組或?qū)ο笾刑崛∫粋€或多個值，對多個變量進行批量賦值 ES6的解構(gòu)賦值其實類似于PHP的 `list()` 數(shù)組函數(shù) **解構(gòu)賦值的使用示例（以下兩種方式等價）** ```javascript const { name, gender } = user ``` 相當(dāng)于 ```javascript const name = user.name const gender = user.gender ``` **給解構(gòu)出來的屬性名換一個變量名稱** ``` 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)")