亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript中高級語法??表達式用法示例詳解

 更新時間:2023年04月17日 11:05:38   作者:前端代碼王  
這篇文章主要為大家介紹了JavaScript中高級語法??表達式用法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

前言

JavaScript中,雙問號(??)表達式是一種非常有用的方法。它的作用是用來檢測一個值是否為nullundefined。如果該值為nullundefined,那么雙問號表達式會返回一個默認值。

下面我們就來具體探究一下雙問號表達式的用法,以及它與其他相似方法的區(qū)別。

具體用法。

其實,雙問號表達式就是一個三目運算符的簡化寫法,如下所示:

const result = value !== undefined && value !== null ? value : defaultValue;

在上面的表達式中,我們檢測了value 是否等于undefinednull,如果不等于,我們返回value本身。

否則,我們返回一個默認值defaultValue。這種寫法雖然功能簡單,但是有著很多的重復代碼,不利于代碼的維護和可讀性。

因此,雙問號表達式的出現(xiàn)就解決了這個問題。雙問號表達式的語法結(jié)構(gòu)如下:

const result = value ?? defaultValue;

這行代碼的意思是:如果value的值為nullundefined,那么返回defaultValue;否則返回value的值本身。使用雙問號表達式,代碼看起來就簡潔明了。

那么雙問號表達式和其他的相似方法有什么不同呢?

其實,JavaScript中還有一種方法也能實現(xiàn)雙問號表達式的效果——邏輯或操作符(||)。例如:

const result = value || defaultValue;

這段代碼的含義和前面的代碼是相同的。其中,||操作符的原理是:如果第一個操作數(shù)為真,則返回第一個操作數(shù)的值;否則返回第二個操作數(shù)的值。這里的包括了所有不為null、undefined、false、0、空字符串的值。

因此,如果value的值是nullundefined,那么返回的就是defaultValue

那么二者之間有什么明顯的區(qū)別呢?

雙問號表達式和||操作符最重要的區(qū)別在于空字符串的處理方式。

在使用||操作符時,如果value是空字符串(""),那么返回的值也是defaultValue。但是在使用雙問號表達式時,如果value是空字符串,那么返回的就是空字符串本身。

這種區(qū)別可能對于某些特定的應用場景非常重要,因此,我們需要根據(jù)實際情況選擇不同的方法。

總結(jié)

雙問號表達式是一種非常實用的方法,在JavaScript中得到了廣泛的應用。它的語法簡潔明了,代碼可讀性強,特別是在處理nullundefined的情況下,能夠大大簡化代碼。然而,在具體應用時我們也需要注意與其他方法的區(qū)別,根據(jù)實際情況選擇最適合的方法。

以上就是JavaScript中高級語法??表達式用法示例詳解的詳細內(nèi)容,更多關(guān)于JavaScript語法??表達式的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • js獲取當前頁面路徑示例講解

    js獲取當前頁面路徑示例講解

    本篇文章主要是對js獲取當前頁面路徑的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JavaScript SHA512&SHA256加密算法詳解

    JavaScript SHA512&SHA256加密算法詳解

    本文給大家分享的是javascript版的SHA512&SHA256加密算法的代碼,以及用法,有需要的小伙伴可以參考下。
    2015-08-08
  • 浮動的div自適應居中顯示的js代碼

    浮動的div自適應居中顯示的js代碼

    這篇文章主要介紹了浮動的div自適應居中顯示的js代碼,有需要的朋友可以參考一下
    2013-12-12
  • JavaScript獲取Url里的參數(shù)

    JavaScript獲取Url里的參數(shù)

    這篇文章主要介紹了JavaScript獲取Url里的參數(shù),需要的朋友可以參考下
    2014-12-12
  • 給應用部分的js代碼設定一個統(tǒng)一的入口

    給應用部分的js代碼設定一個統(tǒng)一的入口

    javascript是種腳本語言,瀏覽器下載到哪兒就會執(zhí)行到哪兒,下面為大家介紹下,如何給應用部分的js代碼一個統(tǒng)一的入口
    2014-06-06
  • 對Layer UI 模塊化的用法詳解

    對Layer UI 模塊化的用法詳解

    今天小編就為大家分享一篇對Layer UI 模塊化的用法詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript Canvas動態(tài)粒子連線

    javascript Canvas動態(tài)粒子連線

    這篇文章主要為大家詳細介紹了javascript Canvas動態(tài)粒子連線,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • 原生javascript實現(xiàn)自動更新的時間日期

    原生javascript實現(xiàn)自動更新的時間日期

    這篇文章主要介紹了原生javascript實現(xiàn)自動更新的時間日期的相關(guān)資料,對實現(xiàn)代碼進行詳細分析,感興趣的朋友可以參考一下
    2016-02-02
  • TypeScript轉(zhuǎn)javaScript的方法示例

    TypeScript轉(zhuǎn)javaScript的方法示例

    本文主要介紹了TypeScript轉(zhuǎn)javaScript的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-06-06
  • js實現(xiàn)按鈕進行某行上移下移

    js實現(xiàn)按鈕進行某行上移下移

    這篇文章主要為大家詳細介紹了js實現(xiàn)按鈕進行某行上移下移,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02

最新評論