資訊專欄INFORMATION COLUMN
“解構(gòu)賦值是JavaScript數(shù)據(jù)結(jié)構(gòu)中的數(shù)據(jù)或者是元素從對(duì)象或者數(shù)組中取出來，賦值給其他變量。”
Es6之前我們將數(shù)組中的值賦值給一個(gè)變量是這樣，如圖：
通過數(shù)組下標(biāo)一一對(duì)應(yīng)進(jìn)行匹配，我們可以用es6中的解構(gòu)賦值簡(jiǎn)化得到變量a，b，c的值，數(shù)組中嵌套數(shù)組，原理相同，如圖：
數(shù)組解構(gòu)的默認(rèn)值，如果a的默認(rèn)值為1，b沒有默認(rèn)值，那么輸出結(jié)果為1，undefined。
默認(rèn)值生效條件：
如果有值，取值，沒有默認(rèn)值為undefined，值若是全等于undefined，取默認(rèn)值，否則如圖中為null，并非全等于undefined，不取默認(rèn)值。
鍵值對(duì)，屬性名相同的值一一對(duì)應(yīng)。
對(duì)象解構(gòu)的默認(rèn)值同數(shù)組原理相同。
給m一個(gè)默認(rèn)值fdsg，輸出結(jié)果如圖：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/129419.html
摘要：解構(gòu)賦值允許我們將右邊的表達(dá)式看起來也像變量聲明一般，然后在左邊將值一一提取。數(shù)組的解構(gòu)賦值現(xiàn)在假設(shè)我們有一個(gè)變量，其值為。通過，這會(huì)看上去更清晰簡(jiǎn)潔最后的解構(gòu)賦值給的語法帶來了更多的現(xiàn)代化。 前言 讓我們來仔細(xì)地看看ES6所帶來的更清晰的變量聲明與賦值語法?，F(xiàn)今的變量聲明語法十分的直接：左邊是一個(gè)變量名，右邊可以是一個(gè)數(shù)組：[]的表達(dá)式或一個(gè)對(duì)象：{}的表達(dá)式，等等。解構(gòu)賦值允許我...
摘要：它是一個(gè)通用標(biāo)準(zhǔn)，奠定了的基本語法。年月發(fā)布了的第一個(gè)版本，正式名稱就是標(biāo)準(zhǔn)簡(jiǎn)稱。結(jié)語的基本擴(kuò)展還有一些沒有在這里詳細(xì)介紹。 前言 ES6標(biāo)準(zhǔn)以及頒布兩年了，但是，好像還沒有完全走進(jìn)我們的日常開發(fā)。這篇文章從ES6的基本類型擴(kuò)展入手，逐步展開對(duì)ES6的介紹。 ECMAScript和JavaScript JavaScript是由Netscape創(chuàng)造的，該公司1996年11月將JavaSc...
摘要：具體的分析暫時(shí)不討論解決的方式很簡(jiǎn)單，把上面的代碼塊變成一段表達(dá)式就小明總結(jié)解構(gòu)賦值是提供一個(gè)十分方便的表達(dá)式。的解構(gòu)賦值小明的對(duì)象賦值這里可以被賦予初始值小明對(duì)象的屬性不存在能夠賦值給多個(gè)變量 對(duì)象解構(gòu)賦值 ES6 允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱為解構(gòu)(Destructuring)。 --- 阮一峰《ECMAScript...
摘要：另外對(duì)于已經(jīng)聲明的變量進(jìn)行解構(gòu)賦值時(shí)，要非常小心。因此在行首加，將其強(qiáng)制轉(zhuǎn)化為表達(dá)式執(zhí)行。由于和無法轉(zhuǎn)為對(duì)象，所以對(duì)它們進(jìn)行解構(gòu)賦值，都會(huì)報(bào)錯(cuò)。 let和const let和const是es6新增的兩個(gè)變量聲明關(guān)鍵字，與var的不同點(diǎn)在于： （1）let和const都是塊級(jí)作用域，在{}內(nèi)有效，這點(diǎn)在for循環(huán)中非常有用，只在循環(huán)體內(nèi)有效。var為函數(shù)作用域。 （2）使用let和con...
摘要：是國際組織于年月日發(fā)布的第六版，正式名為通常被成為或。二模版字面量提供一種簡(jiǎn)單實(shí)現(xiàn)表達(dá)式嵌套的字符串字面量操作，簡(jiǎn)而言之就是能夠以簡(jiǎn)單的方法實(shí)現(xiàn)字符串拼接操作。 本文同步 帶你入門 JavaScript ES6 (一)，轉(zhuǎn)載請(qǐng)注明出處。 ES6: 是 ECMA國際組織于 2015 年 6 月 17 日發(fā)布的 ECMAScript 第六版，正式名為 ECMAScript 2015,通常被...
摘要：的解構(gòu)特性，可以簡(jiǎn)化這項(xiàng)工作。必須傳值的解構(gòu)參數(shù)如果調(diào)用函數(shù)時(shí)不提供被解構(gòu)的參數(shù)會(huì)導(dǎo)致程序拋出錯(cuò)誤程序報(bào)錯(cuò)缺失的第三個(gè)參數(shù)，其值為。 在編碼過程中，我們經(jīng)常定義許多對(duì)象和數(shù)組，然后有組織地從中提取相關(guān)的信息片段。ES6的解構(gòu)特性，可以簡(jiǎn)化這項(xiàng)工作。解構(gòu)是一種打破數(shù)據(jù)結(jié)構(gòu)，將其拆分為更小部分的過程。 未使用解構(gòu)的做法 let options = { repeat: true, ...
閱讀 1459·2023-01-11 13:20
閱讀 1814·2023-01-11 13:20
閱讀 1263·2023-01-11 13:20
閱讀 2006·2023-01-11 13:20
閱讀 4226·2023-01-11 13:20
閱讀 2879·2023-01-11 13:20
閱讀 1488·2023-01-11 13:20
閱讀 3807·2023-01-11 13:20
