JS 里的 ?? 和 || 有啥區(qū)別

在JavaScript中,??(空值合并運(yùn)算符)和 ||([邏輯或運(yùn)算符)都可以用來處理變量值,但是切記這倆玩意不一樣,是有區(qū)別的。

??(空值合并運(yùn)算符)

空值合并運(yùn)算符 (??)是一個邏輯運(yùn)算符,當(dāng)左側(cè)的操作數(shù)為 nullundefined 時,返回右側(cè)的操作數(shù);否則,返回左側(cè)的操作數(shù)。

let a = null;
let b = 5;
let result = a ?? b; // result 將是 5,因為 a 是 null

let c = 0;
let d = "hello";
let result2 = c ?? d; // result2 將是 0,因為 c 不是 null 或 undefined

||(邏輯或運(yùn)算符)

邏輯或運(yùn)算符 (||) 是一個短路邏輯運(yùn)算符,當(dāng)左側(cè)的操作數(shù)為假值(如 false、0、""、null、undefined 或 NaN)時,返回右側(cè)的操作數(shù);否則,返回左側(cè)的操作數(shù)。

let x = 0;
let y = "default";
let result3 = x || y; // result3 將是 "default",因為 0 被視為假值

let z = null;
let w = "hello";
let result4 = z || w; // result4 將是 "hello",因為 null 被視為假值

let result5 = null || undefined || 0 || "";  // 全是假值時,會返回最后一個  ''

區(qū)別

假值檢查:
  • ?? 只檢查 null 或 undefined。
  • || 檢查所有假值(false、0、""、null、undefined、NaN)。
類型強(qiáng)制轉(zhuǎn)換:
  • ?? 不會對操作數(shù)進(jìn)行類型轉(zhuǎn)換,它直接返回原始值。
  • || 會進(jìn)行類型強(qiáng)制轉(zhuǎn)換,如果左側(cè)的操作數(shù)可以轉(zhuǎn)換為假值,則返回右側(cè)的操作數(shù)。
使用場景:
  • ?? 通常用于設(shè)置默認(rèn)值,當(dāng)左側(cè)的值可能為 null 或 undefined 時。
  • || 以前常用于設(shè)置默認(rèn)值,但現(xiàn)在推薦使用 ??,因為它更準(zhǔn)確地處理了 null 和 undefined 的情況。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容