JavaScript 中問號的三種用法 ??和?.以及?:

更新時間：2025年04月10日 11:45:35 作者：測試開發(fā)Kevin

本文主要介紹了JavaScript 中問號的三種用法 ??和?.以及?: ,分別是空值合并操作符、可選鏈操作符和三目運算,具有一定的參考價值,感興趣的可以了解一下

問號問號（??）

空值合并操作符??是一個邏輯操作符，當左側的操作數為 null 或者 undefined 時，返回其右側操作數，否則返回左側操作數。

例如

console.log(null ?? "xx")
輸出 xx
console.log(1 ?? "xx")
輸出 1

問號點（?.）

可選鏈操作符（?.）可選鏈操作符允許讀取位于連接對象鏈深處的屬性的值，而不必明確驗證鏈中的每個引用是否有效。使用它的好處是引用為null 或者 undefined的情況下不會引起錯誤。

語法：obj?.prop obj?.[expr] arr?.[index] func?.(args)

例如

var obj={a:{b:1}}
console.log(obj?.a?.b)
輸出1
console.log(obj?.a?.c)
輸出 undefined

問號冒號（?: ）

這是三目運算，具體表達式是（condition ? exprIfTrue : exprIfFalse）

該表達式的含義是條件condition是真，則執(zhí)行exprIfTrue ，否則執(zhí)行exprIfFalse

舉個例子大家就懂了

var n = 10;
console.log((n >= 11) ? "a" : "b");
輸出b
當 var n = 12;
輸出a

到此這篇關于JavaScript 中問號的三種用法 ??和?.以及?: 的文章就介紹到這了,更多相關JavaScript 問號內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

JavaScript雙問號(??)操作符用法詳解

談談JS中常遇到的瀏覽器兼容問題和解決方法
這篇文章主要介紹了談談JS中常遇到的瀏覽器兼容問題和解決方法，有些代碼在某些瀏覽器的某些版本中表現出不兼容，影響頁面的體驗；這時就需要處理了這些兼容問題，讓頁面在多個版本的瀏覽器上運行良好。
2016-12-12
如何讓微信小程序頁面之間的通信不再變困難
這篇文章主要給大家介紹了關于如何讓微信小程序頁面之間的通信不再變困難的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-06-06
layui 選擇列表,打勾,點擊確定返回數據的例子
今天小編就為大家分享一篇layui 選擇列表,打勾,點擊確定返回數據的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS隨機漂浮廣告代碼具體實例
這篇文章主要介紹了JS隨機漂浮廣告代碼具體實例，有需要的朋友可以參考一下
2013-11-11
寫的htc的數據表格
寫的htc的數據表格...
2007-01-01
webpack-dev-server核心概念案例詳解
這篇文章主要介紹了webpack-dev-server核心概念案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下
2021-09-09
Javascript怎樣使用SessionStorage和LocalStorage
這篇文章主要介紹了Javascript怎樣使用SessionStorage和LocalStorage，對web存儲數據感興趣的同學，可以參考下
2021-04-04
js實現跨域訪問的三種方法
這篇文章主要介紹了js實現跨域訪問的三種方法，包括基于iframe實現跨域、基于script標簽實現跨域以及后臺代理方式，感興趣的小伙伴們可以參考一下
2015-12-12
淺談Javascript數組(推薦)
數組，即Array類型，是開發(fā)中最常用的類型之一。這篇文章主要介紹了淺談Javascript數組的相關資料,需要的朋友可以參考下
2016-05-05
收藏一個代碼
收藏一個代碼...
2006-08-08