[TOC] #### 1. ES6 之前 --- **對象數據** ```javascript let user = { name: "辰風沐陽", age: 22, gender: 1 } ``` 我們經常會遇到需要獲取對象中的某些值的場景，最簡單直接的方式就是通過 `對象.屬性名` 獲取 但是當需要獲取的屬性過多時，需要些大量`.`來獲?。〝到M亦是如此）, 如下所示: ```javascript var name = user.name var age = user.age var gender = user.gender ``` #### 2. ES6 解構賦值 --- 在 ES6 中新增了一個種新的語法（解構賦值）來解決這個問題 解構賦值: 從數組或對象中提取一個或多個值，對多個變量進行批量賦值 ES6的解構賦值其實類似于PHP的 `list()` 數組函數 **解構賦值的使用示例（以下兩種方式等價）** ```javascript const { name, gender } = user ``` 相當于 ```javascript const name = user.name const gender = user.gender ``` **給解構出來的屬性名換一個變量名稱** ``` const { name:nickName, gender:sex } = user ``` 相當于 ```javascript const nickName = user.name const sex = user.gender ``` #### 3. 參考文章 --- [深入理解ES6之解構](https://www.jianshu.com/p/ab4e4338047b "深入理解ES6之解構")