JavaScript 中問號的三種用法 ??和?.以及?:
最近看了一些關(guān)于JavaScript的測試腳本，覺得JS 中問號的用法還是蠻有意思的，于是做了一下總結(jié)，在這里分享給大家！JS中的問號大概有三種用法，分別是：空值合并操作符、可選鏈操作符和三目運算。
問號問號（??）
空值合并操作符??是一個邏輯操作符，當(dāng)左側(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問號冒號（?: ）
這是三目運算，具體表達(dá)式是（condition ? exprIfTrue : exprIfFalse）
該表達(dá)式的含義是 條件condition是真，則執(zhí)行exprIfTrue ，否則執(zhí)行exprIfFalse
舉個例子大家就懂了
var n = 10; console.log((n >= 11) ? "a" : "b"); 輸出b 當(dāng) var n = 12; 輸出a
到此這篇關(guān)于JavaScript 中問號的三種用法 ??和?.以及?: 的文章就介紹到這了,更多相關(guān)JavaScript 問號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文對JavaScript事件加載進行了一些延伸思考。加載多個事件時，使用window.onload可能會導(dǎo)致一些不便，而通過偵聽器等方法，則可以解決這些問題。2009-12-12
前臺頁面五分鐘，自己刷新一次，所以最多只有五分鐘的差錯。2008-10-10
本文主要介紹了js判斷PC端與移動端跳轉(zhuǎn)的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了JS控制彈出懸浮窗口(一覽畫面)的實例代碼的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
Bootstrap模態(tài)框禁用空白處點擊關(guān)閉
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框禁用空白處點擊關(guān)閉的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
Javascript異步編程模型Promise模式詳細(xì)介紹
異步模式在 Web 編程中變得越來越重要，如何處理異步請求后的操作是一件麻煩事。Promise 是一種異步編程模型，術(shù)語稱作 Deferred 模式，它通過一組API來規(guī)范化異步操作，讓異步操作的流程控制更加容易。2014-05-05
我們在做小程序支付相關(guān)的開發(fā)時,總會遇到這些難題,下面這篇文章主要給大家介紹了關(guān)于微信小程序調(diào)用支付接口的完整流程,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
js中addEventListener()與removeEventListener()用法案例分析
這篇文章主要介紹了js中addEventListener()與removeEventListener()用法,結(jié)合實例形式分析了js中addEventListener()與removeEventListener()基本功能、用法與操作注意事項,需要的朋友可以參考下2020-03-03
javascript動態(tài)判斷html元素并執(zhí)行不同的操作
在javascript中對觸發(fā)事件的元素進行判斷，然后執(zhí)行不同的操作，下面是具體的實現(xiàn)，需要的朋友可以學(xué)習(xí)下2014-06-06
webpack4.0發(fā)布了一段時間了，這篇文章主要介紹了webpack4.0 入門實踐教程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10