成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript ES6解構(gòu)賦值

IT那活兒 / 3179人閱讀
JavaScript ES6解構(gòu)賦值

點擊上方“IT那活兒”公眾號,關(guān)注后了解更多內(nèi)容,不管IT什么活兒,干就完了?。?!


什么是解構(gòu)賦值

解構(gòu)賦值是JavaScript數(shù)據(jù)結(jié)構(gòu)中的數(shù)據(jù)或者是元素從對象或者數(shù)組中取出來,賦值給其他變。

Es6之前我們將數(shù)組中的值賦值給一個變量是這樣,如圖:


數(shù)組的解構(gòu)賦值

通過數(shù)組下標一一對應(yīng)進行匹配,我們可以用es6中的解構(gòu)賦值簡化得到變量a,b,c的值,數(shù)組中嵌套數(shù)組,原理相同,如圖:

數(shù)組解構(gòu)的默認值,如果a的默認值為1,b沒有默認值,那么輸出結(jié)果為1,undefined。

默認值生效條件:

如果有值,取值,沒有默認值為undefined,值若是全等于undefined,取默認值,否則如圖中為null,并非全等于undefined,不取默認值。


對象的解構(gòu)賦值

鍵值對,屬性名相同的值一一對應(yīng)。

對象解構(gòu)的默認值同數(shù)組原理相同。

給m一個默認值fdsg,輸出結(jié)果如圖:


本文作者:朱 維(上海新炬王翦團隊)

本文來源:“IT那活兒”公眾號

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/129419.html

相關(guān)文章

  • [譯]JavaScript ES6解構(gòu)賦值指南

    摘要:解構(gòu)賦值允許我們將右邊的表達式看起來也像變量聲明一般,然后在左邊將值一一提取。數(shù)組的解構(gòu)賦值現(xiàn)在假設(shè)我們有一個變量,其值為。通過,這會看上去更清晰簡潔最后的解構(gòu)賦值給的語法帶來了更多的現(xiàn)代化。 前言 讓我們來仔細地看看ES6所帶來的更清晰的變量聲明與賦值語法?,F(xiàn)今的變量聲明語法十分的直接:左邊是一個變量名,右邊可以是一個數(shù)組:[]的表達式或一個對象:{}的表達式,等等。解構(gòu)賦值允許我...

    Jeff 評論0 收藏0
  • ES6學習手稿之基本類型擴展

    摘要:它是一個通用標準,奠定了的基本語法。年月發(fā)布了的第一個版本,正式名稱就是標準簡稱。結(jié)語的基本擴展還有一些沒有在這里詳細介紹。 前言 ES6標準以及頒布兩年了,但是,好像還沒有完全走進我們的日常開發(fā)。這篇文章從ES6的基本類型擴展入手,逐步展開對ES6的介紹。 ECMAScript和JavaScript JavaScript是由Netscape創(chuàng)造的,該公司1996年11月將JavaSc...

    tommego 評論0 收藏0
  • JavaScript基礎(chǔ)之ES6對象解構(gòu)賦值

    摘要:具體的分析暫時不討論解決的方式很簡單,把上面的代碼塊變成一段表達式就小明總結(jié)解構(gòu)賦值是提供一個十分方便的表達式。的解構(gòu)賦值小明的對象賦值這里可以被賦予初始值小明對象的屬性不存在能夠賦值給多個變量 對象解構(gòu)賦值 ES6 允許按照一定模式,從數(shù)組和對象中提取值,對變量進行賦值,這被稱為解構(gòu)(Destructuring)。 --- 阮一峰《ECMAScript...

    sutaking 評論0 收藏0
  • ES6 學習筆記(一)let,const和解構(gòu)賦值

    摘要:另外對于已經(jīng)聲明的變量進行解構(gòu)賦值時,要非常小心。因此在行首加,將其強制轉(zhuǎn)化為表達式執(zhí)行。由于和無法轉(zhuǎn)為對象,所以對它們進行解構(gòu)賦值,都會報錯。 let和const let和const是es6新增的兩個變量聲明關(guān)鍵字,與var的不同點在于: (1)let和const都是塊級作用域,在{}內(nèi)有效,這點在for循環(huán)中非常有用,只在循環(huán)體內(nèi)有效。var為函數(shù)作用域。 (2)使用let和con...

    iOS122 評論0 收藏0
  • 帶你入門 JavaScript ES6 (一)

    摘要:是國際組織于年月日發(fā)布的第六版,正式名為通常被成為或。二模版字面量提供一種簡單實現(xiàn)表達式嵌套的字符串字面量操作,簡而言之就是能夠以簡單的方法實現(xiàn)字符串拼接操作。 本文同步 帶你入門 JavaScript ES6 (一),轉(zhuǎn)載請注明出處。 ES6: 是 ECMA國際組織于 2015 年 6 月 17 日發(fā)布的 ECMAScript 第六版,正式名為 ECMAScript 2015,通常被...

    lindroid 評論0 收藏0
  • ES6系列---解構(gòu)

    摘要:的解構(gòu)特性,可以簡化這項工作。必須傳值的解構(gòu)參數(shù)如果調(diào)用函數(shù)時不提供被解構(gòu)的參數(shù)會導(dǎo)致程序拋出錯誤程序報錯缺失的第三個參數(shù),其值為。 在編碼過程中,我們經(jīng)常定義許多對象和數(shù)組,然后有組織地從中提取相關(guān)的信息片段。ES6的解構(gòu)特性,可以簡化這項工作。解構(gòu)是一種打破數(shù)據(jù)結(jié)構(gòu),將其拆分為更小部分的過程。 未使用解構(gòu)的做法 let options = { repeat: true, ...

    baoxl 評論0 收藏0

發(fā)表評論

0條評論

IT那活兒

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<