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