JavaScript中的????和?||?有那些區(qū)別詳解

更新時間：2025年07月28日 09:47:17 作者：Web小白菜~

||運算符用于邏輯判斷,返回第一個為真的操作數(shù),而 ?? 運算符用于空值合并,返回第一個非空的操作數(shù),這篇文章主要介紹了JavaScript中的????和?||?有那些區(qū)別的相關資料,需要的朋友可以參考下

??（空值合并運算符）

空值合并運算符 (??) 是一個邏輯運算符，當左側的操作數(shù)為 null 或 undefined 時，返回右側的操作數(shù)；否則，返回左側的操作數(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

||（邏輯或運算符）

邏輯或運算符 (||) 是一個短路邏輯運算符，當左側的操作數(shù)為假值（如 false、0、""、null、undefined 或 NaN）時，返回右側的操作數(shù)；否則，返回左側的操作數(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）。

類型強制轉換：

?? 不會對操作數(shù)進行類型轉換，它直接返回原始值。
|| 會進行類型強制轉換，如果左側的操作數(shù)可以轉換為假值，則返回右側的操作數(shù)。

使用場景：

?? 通常用于設置默認值，當左側的值可能為 null 或 undefined 時。
|| 以前常用于設置默認值，但現(xiàn)在推薦使用 ??，因為它更準確地處理了 null 和 undefined 的情況。

總結

到此這篇關于JavaScript中的 ?? 和 || 有那些區(qū)別的文章就介紹到這了,更多相關JS中??和||區(qū)別內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

js
??

uniapp時間格式化處理實現(xiàn)
本文主要介紹了uniapp時間格式化處理實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-08-08
JavaScript獲取本機IP地址的實現(xiàn)方法
JavaScript本身受限于瀏覽器安全機制無法直接獲取本機IP,但可通過WebRTC、Ajax請求等間接方式獲取公網(wǎng)IP,本文介紹了多種使用JS獲取IP的方法,需要的朋友可以參考下
2025-10-10
JS中空值合并運算符 ?? 的使用
本文介紹了JavaScript中的空值合并運算符??,解釋了它在null或undefined值時的使用,并對比了與邏輯運算符||的不同之處,感興趣的可以了解一下
2025-07-07
JS動態(tài)日期時間的獲取方法
這篇文章主要介紹了js獲得當前系統(tǒng)日期時間的方法，涉及javascript操作日期時間的相關技巧，非常簡單實用，需要的朋友可以參考下
2015-09-09
JS彈出可拖拽可關閉的div層完整實例
這篇文章主要介紹了JS彈出可拖拽可關閉的div層完整實現(xiàn)方法,包括對div彈出層的樣式及功能的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下
2015-02-02
Bootstrap輪播圖學習使用
這篇文章主要為大家詳細介紹了Bootstrap輪播圖學習使用的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
FullCalendar日歷插件應用之數(shù)據(jù)展現(xiàn)(一)
fullcalendar作為一個功能完善的日歷插件使用非常廣泛，在web開發(fā)開發(fā)過程中非常流行。它與ext js 中的calendar非常類似，但考慮到extjs 比較“復雜龐大”，所以我在開發(fā)開發(fā)過程中都會優(yōu)先考慮fullcalendar
2015-12-12
微信小程序合法域名配置方法
這篇文章主要介紹了微信小程序合法域名配置，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
JavaScript 拖放效果代碼
拖放效果，也叫拖拽、拖動，學名Drag-and-drop ，是最常見的js特效之一。如果忽略很多細節(jié)，實現(xiàn)起來很簡單，但往往細節(jié)才是難點所在。
2008-12-12
TypeScript編譯選項使用及說明
本文介紹了tsconfig.json文件的作用、結構、常用編譯選項、不同環(huán)境配置建議、配置繼承與復用、常見問題與解決方案,并提供了常用編譯選項對比表,幫助開發(fā)者全面了解TypeScript項目的配置
2026-04-04