快捷導(dǎo)航

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

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

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

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

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

let a = null;
let b = 5;
let result = a ?? b; // result 將是 5，因?yàn)?a 是 null

let c = 0;
let d = "hello";
let result2 = c ?? d; // result2 將是 0，因?yàn)?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"，因?yàn)?0 被視為假值

let z = null;
let w = "hello";
let result4 = z || w; // result4 將是 "hello"，因?yàn)?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)在推薦使用 ??，因?yàn)樗鼫?zhǔn)確地處理了 null 和 undefined 的情況。

總結(jié)

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

您可能感興趣的文章:

js
??

相關(guān)文章

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