JavaScript 中問號的三種用法 ??和?.以及?:
更新時間：2025年04月10日 11:45:35 作者：測試開發(fā)Kevin
本文主要介紹了JavaScript 中問號的三種用法 ??和?.以及?: ,分別是空值合并操作符、可選鏈操作符和三目運算,具有一定的參考價值,感興趣的可以了解一下
最近看了一些關(guān)于JavaScript的測試腳本，覺得JS 中問號的用法還是蠻有意思的，于是做了一下總結(jié)，在這里分享給大家！JS中的問號大概有三種用法，分別是：空值合并操作符、可選鏈操作符和三目運算。
問號問號（??）
空值合并操作符??是一個邏輯操作符，當左側(cè)的操作數(shù)為 null 或者 undefined 時，返回其右側(cè)操作數(shù)，否則返回左側(cè)操作數(shù)。
例如
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
到此這篇關(guān)于JavaScript 中問號的三種用法 ??和?.以及?: 的文章就介紹到這了,更多相關(guān)JavaScript 問號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了談?wù)凧S中常遇到的瀏覽器兼容問題和解決方法 ，有些代碼在某些瀏覽器的某些版本中表現(xiàn)出不兼容，影響頁面的體驗；這時就需要處理了這些兼容問題，讓頁面在多個版本的瀏覽器上運行良好。2016-12-12
這篇文章主要給大家介紹了關(guān)于如何讓微信小程序頁面之間的通信不再變困難的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
layui 選擇列表,打勾,點擊確定返回數(shù)據(jù)的例子
今天小編就為大家分享一篇layui 選擇列表,打勾,點擊確定返回數(shù)據(jù)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS隨機漂浮廣告代碼具體實例，有需要的朋友可以參考一下2013-11-11
寫的htc的數(shù)據(jù)表格...2007-01-01
這篇文章主要介紹了webpack-dev-server核心概念案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
Javascript怎樣使用SessionStorage和LocalStorage
這篇文章主要介紹了Javascript怎樣使用SessionStorage和LocalStorage，對web存儲數(shù)據(jù)感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了js實現(xiàn)跨域訪問的三種方法，包括基于iframe實現(xiàn)跨域、基于script標簽實現(xiàn)跨域以及后臺代理方式 ，感興趣的小伙伴們可以參考一下2015-12-12
數(shù)組，即Array類型，是開發(fā)中最常用的類型之一。這篇文章主要介紹了淺談Javascript數(shù)組的相關(guān)資料,需要的朋友可以參考下2016-05-05
收藏一個代碼...2006-08-08