ES6中使用解構(gòu)賦值能帶給我們什么货裹?

什么是解構(gòu)?

正統(tǒng)解釋?zhuān)喊凑找欢J骄ィ瑥臄?shù)組和對(duì)象中提取值弧圆,然后對(duì)變量進(jìn)行賦值。

直白理解:模式匹配笔咽,映射關(guān)系搔预,只要等式放的兩邊模式一樣,一一對(duì)應(yīng)叶组,左邊的變量就會(huì)被賦予對(duì)應(yīng)的值拯田。

數(shù)組解構(gòu)

變量聲明并賦值時(shí)的解構(gòu)

變量聲明并賦值時(shí)的解構(gòu)

變量先聲明后賦值時(shí)解構(gòu)

變量先聲明后賦值時(shí)解構(gòu)

默認(rèn)值

為了防止從數(shù)組中取出一個(gè)值為undefined 的對(duì)象,可以為這個(gè)數(shù)組設(shè)置一個(gè)默認(rèn)值甩十。

為數(shù)組解構(gòu)設(shè)置默認(rèn)值

交換變量

在沒(méi)有解構(gòu)賦值的情況下勿锅,交換兩個(gè)變量需要一個(gè)臨時(shí)變量。

交換變量

解析一個(gè)從函數(shù)中返回的數(shù)組

解析一個(gè)從函數(shù)中返回的數(shù)組

忽略某些返回值

忽略某些返回值

將剩余數(shù)組賦值給一個(gè)變量

當(dāng)解構(gòu)一個(gè)數(shù)組是枣氧,可以使用剩余模式溢十,將數(shù)組剩余部分賦值給一個(gè)變量。

將剩余數(shù)組賦值給一個(gè)變量

注意:剩余元素必須是數(shù)組的最后一個(gè)元素达吞,否則會(huì)拋出 SyntaxError 錯(cuò)誤张弛。

剩余元素必須是數(shù)組的最后一個(gè)元素

用正則表達(dá)式匹配提取值

用正則表達(dá)式方法exec() 匹配字符串會(huì)返回一個(gè)數(shù)組,該數(shù)組第一個(gè)值是完全匹配正則表達(dá)式的字符串酪劫,然后的值是匹配正則表達(dá)式括號(hào)內(nèi)內(nèi)容部分吞鸭。結(jié)構(gòu)賦值允許你輕易的提取出需要的部分,忽略完全匹配的字符串覆糟。

用正則表達(dá)式匹配提取值

對(duì)象解構(gòu)

基本賦值

基本賦值

無(wú)聲明賦值

無(wú)聲明賦值

注意:賦值語(yǔ)句周?chē)睦ㄌ?hào)刻剥,是使用對(duì)象字面解構(gòu)賦值時(shí)不需要聲明的語(yǔ)法。{a,b} = {a:2, b:3} 不是有效的獨(dú)立語(yǔ)法滩字,因?yàn)樽筮叺?{a, b} 被認(rèn)為是一個(gè)塊而不是對(duì)象字面量造虏。然而,({a,b} = {a:2, b:3}) 是有效的麦箍,正如 var?{a,b} = {a:2, b:3}漓藕。需要注意的是:這里的括號(hào)表達(dá)式需要一個(gè)分號(hào)在它前面,否則它會(huì)被當(dāng)成一行中的函數(shù)執(zhí)行挟裂。

給新的變量名賦值

給新的變量名賦值

默認(rèn)值

默認(rèn)值

給新的變量名并提供默認(rèn)值

給新的變量名并提供默認(rèn)值

函數(shù)參數(shù)解構(gòu)

ES5函數(shù)參數(shù)形式
ES6函數(shù)參數(shù)形式

如上代碼享钞,解構(gòu)的左邊被分配給右手邊的空對(duì)象字面值,也可以在沒(méi)有右側(cè)分配的編寫(xiě)情況下編寫(xiě)函數(shù)诀蓉。但是栗竖,這樣在函數(shù)調(diào)用時(shí)暑脆,至少要提供一個(gè)參數(shù),而在ES中狐肢,你可以直接調(diào)用函數(shù)添吗,不用提供任何參數(shù)。

解構(gòu)嵌套對(duì)象和數(shù)組

解構(gòu)嵌套對(duì)象和數(shù)組

for of 迭代和解構(gòu)

for of 迭代和解構(gòu)

從作為實(shí)參的函數(shù)參數(shù)的對(duì)象中提取數(shù)據(jù)

從作為實(shí)參的函數(shù)參數(shù)的對(duì)象中提取數(shù)據(jù)

戳我博客

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末处坪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子架专,更是在濱河造成了極大的恐慌同窘,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,430評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件部脚,死亡現(xiàn)場(chǎng)離奇詭異想邦,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)委刘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén)丧没,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人锡移,你說(shuō)我怎么就攤上這事呕童。” “怎么了淆珊?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,834評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵夺饲,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我施符,道長(zhǎng)往声,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,543評(píng)論 1 296
  • 正文 為了忘掉前任戳吝,我火速辦了婚禮浩销,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘听哭。我一直安慰自己慢洋,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布陆盘。 她就那樣靜靜地躺著且警,像睡著了一般。 火紅的嫁衣襯著肌膚如雪礁遣。 梳的紋絲不亂的頭發(fā)上斑芜,一...
    開(kāi)封第一講書(shū)人閱讀 52,196評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音祟霍,去河邊找鬼杏头。 笑死盈包,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的醇王。 我是一名探鬼主播呢燥,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼寓娩!你這毒婦竟也來(lái)了叛氨?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,671評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤棘伴,失蹤者是張志新(化名)和其女友劉穎寞埠,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體焊夸,經(jīng)...
    沈念sama閱讀 46,221評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡仁连,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了阱穗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片饭冬。...
    茶點(diǎn)故事閱讀 40,444評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖揪阶,靈堂內(nèi)的尸體忽然破棺而出昌抠,到底是詐尸還是另有隱情,我是刑警寧澤鲁僚,帶...
    沈念sama閱讀 36,134評(píng)論 5 350
  • 正文 年R本政府宣布扰魂,位于F島的核電站,受9級(jí)特大地震影響蕴茴,放射性物質(zhì)發(fā)生泄漏劝评。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評(píng)論 3 333
  • 文/蒙蒙 一倦淀、第九天 我趴在偏房一處隱蔽的房頂上張望蒋畜。 院中可真熱鬧,春花似錦撞叽、人聲如沸姻成。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,285評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)科展。三九已至,卻和暖如春糠雨,著一層夾襖步出監(jiān)牢的瞬間才睹,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,399評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留琅攘,地道東北人垮庐。 一個(gè)月前我還...
    沈念sama閱讀 48,837評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像坞琴,于是被迫代替她去往敵國(guó)和親哨查。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容