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è)值。假值包括:false
、0
、''
、null
、undefined
、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)布局詳解
在平面設(shè)計中,網(wǎng)格是一種由一系列用于組織內(nèi)容的相交的直線(垂直的、水平的)組成的結(jié)構(gòu)(通常是二維的)。這篇文章主要介紹了Bootstrap 網(wǎng)格系統(tǒng)布局,需要的朋友可以參考下2017-03-03javascript中SetInterval與setTimeout的定時器用法
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),比如打開網(wǎng)頁一段時間后彈出一個登錄框,頁面每隔一段時間發(fā)送異步請求獲取最新數(shù)據(jù)等,本文文章通過代碼示例給大家介紹javascript中SetInterval與setTimeout的定時器用法2015-08-08js+css實現(xiàn)回到頂部按鈕(back to top)
這篇文章主要為大家詳細介紹了js+css實現(xiàn)回到頂部按鈕back to top回到頂部按鈕,感興趣的小伙伴們可以參考一下2016-03-03解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題
今天小編就為大家分享一篇解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09webpack使用Symbol.toStringTag(Symbol.toStringTag用法)
Symbol.toStringTag是一個內(nèi)置 symbol,它通常作為對象的屬性鍵使用,對應(yīng)的屬性值應(yīng)該為字符串類型,這個字符串用來表示該對象的自定義類型標簽,這篇文章主要介紹了webpack使用Symbol.toStringTag(Symbol.toStringTag用法),需要的朋友可以參考下2024-02-02javascript實現(xiàn)時間格式輸出FormatDate函數(shù)
這篇文章主要介紹了javascript實現(xiàn)時間格式輸出FormatDate函數(shù),可實現(xiàn)fmt標簽一樣對日期時間型內(nèi)容格式輸入的功能,是非常實用的技巧,需要的朋友可以參考下2015-01-01ES6知識點整理之函數(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