欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中??是什么意思(示例場景)

 更新時間:2025年04月10日 10:23:25   作者:肖肖肖麗珠  
???是一個非常有用的運算符,特別適合在需要區(qū)分?null/undefined?和其他假值的場景中使用,它可以幫助你更精確地處理默認值邏輯,本文給大家介紹js中??是什么意思,感興趣的朋友一起看看吧

在 JavaScript 中,?? 是一個邏輯運算符,稱為 空值合并運算符(Nullish Coalescing Operator)。它用于檢查左側(cè)的值是否為 null 或 undefined,如果是,則返回右側(cè)的值;否則返回左側(cè)的值。

語法

leftExpr ?? rightExpr
  • leftExpr: 左側(cè)的表達式。
  • rightExpr: 右側(cè)的表達式。

行為

  • 如果 leftExpr 是 null 或 undefined,則返回 rightExpr。
  • 如果 leftExpr 不是 null 或 undefined,則返回 leftExpr。

示例

const value1 = null;
const value2 = undefined;
const value3 = 0;
const value4 = '';
const value5 = 'Hello';
console.log(value1 ?? 'default'); // 輸出: 'default'(因為 value1 是 null)
console.log(value2 ?? 'default'); // 輸出: 'default'(因為 value2 是 undefined)
console.log(value3 ?? 'default'); // 輸出: 0(因為 value3 不是 null 或 undefined)
console.log(value4 ?? 'default'); // 輸出: ''(因為 value4 不是 null 或 undefined)
console.log(value5 ?? 'default'); // 輸出: 'Hello'(因為 value5 不是 null 或 undefined)

與 || 的區(qū)別

?? 和 || 都可以用于提供默認值,但它們的行為有所不同:

  • || 會在左側(cè)值為 假值(falsy)時返回右側(cè)值。假值包括:false0、''、nullundefined、NaN。
  • ?? 只會在左側(cè)值為 null 或 undefined 時返回右側(cè)值。

示例對比

const value1 = 0;
const value2 = '';
console.log(value1 || 'default'); // 輸出: 'default'(因為 0 是假值)
console.log(value1 ?? 'default'); // 輸出: 0(因為 0 不是 null 或 undefined)
console.log(value2 || 'default'); // 輸出: 'default'(因為 '' 是假值)
console.log(value2 ?? 'default'); // 輸出: ''(因為 '' 不是 null 或 undefined)

使用場景

  • 提供默認值: 當你希望僅在值為 null 或 undefined 時使用默認值,而不是其他假值(如 0 或 '')。
  • 避免意外行為: 當你需要區(qū)分 null/undefined 和其他假值時。

示例場景

function greet(name) {
  const displayName = name ?? 'Guest';
  console.log(`Hello, ${displayName}!`);
}
greet(null);      // 輸出: Hello, Guest!
greet(undefined); // 輸出: Hello, Guest!
greet('Alice');   // 輸出: Hello, Alice!
greet('');        // 輸出: Hello, !(空字符串不是 null 或 undefined)

注意事項

  • ?? 的優(yōu)先級較低,因此在復(fù)雜表達式中可能需要使用括號來明確運算順序。
  • ?? 不能直接與 && 或 || 混合使用,除非用括號明確優(yōu)先級,否則會拋出語法錯誤。
// 錯誤示例
const result = a && b ?? c; // 語法錯誤
// 正確示例
const result = (a && b) ?? c;

總結(jié)

?? 是一個非常有用的運算符,特別適合在需要區(qū)分 null/undefined 和其他假值的場景中使用。它可以幫助你更精確地處理默認值邏輯。

到此這篇關(guān)于js中??是什么意思的文章就介紹到這了,更多相關(guān)js中??內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Bootstrap 網(wǎng)格系統(tǒng)布局詳解

    Bootstrap 網(wǎng)格系統(tǒng)布局詳解

    在平面設(shè)計中,網(wǎng)格是一種由一系列用于組織內(nèi)容的相交的直線(垂直的、水平的)組成的結(jié)構(gòu)(通常是二維的)。這篇文章主要介紹了Bootstrap 網(wǎng)格系統(tǒng)布局,需要的朋友可以參考下
    2017-03-03
  • javascript中SetInterval與setTimeout的定時器用法

    javascript中SetInterval與setTimeout的定時器用法

    Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),比如打開網(wǎng)頁一段時間后彈出一個登錄框,頁面每隔一段時間發(fā)送異步請求獲取最新數(shù)據(jù)等,本文文章通過代碼示例給大家介紹javascript中SetInterval與setTimeout的定時器用法
    2015-08-08
  • js+css實現(xiàn)回到頂部按鈕(back to top)

    js+css實現(xiàn)回到頂部按鈕(back to top)

    這篇文章主要為大家詳細介紹了js+css實現(xiàn)回到頂部按鈕back to top回到頂部按鈕,感興趣的小伙伴們可以參考一下
    2016-03-03
  • 解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題

    解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題

    今天小編就為大家分享一篇解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • webpack使用Symbol.toStringTag(Symbol.toStringTag用法)

    webpack使用Symbol.toStringTag(Symbol.toStringTag用法)

    Symbol.toStringTag是一個內(nèi)置 symbol,它通常作為對象的屬性鍵使用,對應(yīng)的屬性值應(yīng)該為字符串類型,這個字符串用來表示該對象的自定義類型標簽,這篇文章主要介紹了webpack使用Symbol.toStringTag(Symbol.toStringTag用法),需要的朋友可以參考下
    2024-02-02
  • js實現(xiàn)網(wǎng)頁定位導(dǎo)航功能

    js實現(xiàn)網(wǎng)頁定位導(dǎo)航功能

    這篇文章主要為大家詳細介紹了js實現(xiàn)網(wǎng)頁定位導(dǎo)航功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • javascript實現(xiàn)時間格式輸出FormatDate函數(shù)

    javascript實現(xiàn)時間格式輸出FormatDate函數(shù)

    這篇文章主要介紹了javascript實現(xiàn)時間格式輸出FormatDate函數(shù),可實現(xiàn)fmt標簽一樣對日期時間型內(nèi)容格式輸入的功能,是非常實用的技巧,需要的朋友可以參考下
    2015-01-01
  • ES6知識點整理之函數(shù)數(shù)組參數(shù)的默認值及其解構(gòu)應(yīng)用示例

    ES6知識點整理之函數(shù)數(shù)組參數(shù)的默認值及其解構(gòu)應(yīng)用示例

    這篇文章主要介紹了ES6知識點整理之函數(shù)數(shù)組參數(shù)的默認值及其解構(gòu)應(yīng)用,結(jié)合實例形式分析了ES6函數(shù)數(shù)組參數(shù)解構(gòu)賦值和默認值的設(shè)置相關(guān)操作技巧,需要的朋友可以參考下
    2019-04-04
  • echarts中在柱狀圖上方顯示文字的示例代碼

    echarts中在柱狀圖上方顯示文字的示例代碼

    這篇文章給大家介紹了在echarts中如何在柱狀圖上方顯示文字,文中給出了完整的示例代碼,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
    2024-01-01
  • JS、jQuery中select的用法詳解

    JS、jQuery中select的用法詳解

    這篇文章主要介紹了JS、jQuery中select的用法詳解的相關(guān)資料,需要的朋友可以參考下
    2016-04-04

最新評論