JavaScript中?.?和??分別是什么詳解
?. 和 ?? 是 JavaScript 中的兩個(gè)新操作符，分別是可選鏈操作符（optional chaining operator）和空值合并操作符（nullish coalescing operator）。
?. 操作符
?. 可選鏈操作符用于訪問可能為空或未定義的屬性或方法，它允許我們安全地訪問嵌套對(duì)象的屬性，如果中間的屬性為空或未定義，則不會(huì)拋出錯(cuò)誤，而是返回 undefined。例如：
const obj = {
foo: {
bar: 123
}
};
// 普通訪問屬性的方式
const x = obj.foo.bar; // x = 123
// 使用可選鏈操作符
const y = obj?.foo?.bar; // y = 123
// 如果對(duì)象未定義，則返回 undefined
const z = undefined?.foo?.bar; // z = undefined
?? 操作符
?? 空值合并操作符用于檢查一個(gè)變量是否為 null 或 undefined，如果是，則返回一個(gè)默認(rèn)值，否則返回該變量的值。與傳統(tǒng)的邏輯運(yùn)算符 || 不同，?? 只會(huì)在左側(cè)的值為 null 或 undefined 時(shí)返回右側(cè)的默認(rèn)值，對(duì)于其他假值（如空字符串、0、false 等）并不會(huì)返回默認(rèn)值，而是會(huì)返回它本身。例如：
const x = undefined ?? 'default'; // x = 'default' const y = null ?? 'default'; // y = 'default' const z = 'value' ?? 'default'; // z = 'value' const a = '' ?? 'default'; // a = '' const b = '' || 'default'; // b = 'default'
需要注意的是，?? 操作符需要在 ES11 及以上的版本才能使用。
和||運(yùn)算符的區(qū)別：
1. || 只會(huì)在左邊的值為假值時(shí)返回右邊的值 (0, '', undefined, null, false 等都為假值)
2. ?? 是在左邊的值為undefined或者null時(shí)才會(huì)返回右邊的值
總結(jié)
到此這篇關(guān)于JavaScript中?. 和??分別是什么的文章就介紹到這了,更多相關(guān)JS中?. 和??介紹內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序與h5的相互跳轉(zhuǎn)場(chǎng)景分析
這篇文章主要介紹了微信小程序與h5的相互跳轉(zhuǎn)場(chǎng)景分析,在微信小程序內(nèi)編寫webview文件,通過webview去跳轉(zhuǎn)h5,loadUrl為h5的地址,非嵌套,h5需要跳轉(zhuǎn)打開某個(gè)微信小程序,需要的朋友可以參考下2023-10-10
微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果，代碼很簡(jiǎn)單，直接復(fù)制即可根據(jù)自己的需求去修改，對(duì)小程序商品數(shù)據(jù)聯(lián)動(dòng)實(shí)例代碼感興趣的朋友一起看看吧2022-08-08
彈出層組件用于彈出一個(gè)覆蓋到頁面上的內(nèi)容，本文主要介紹了uniapp組件uni-popup彈出層的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
本文給大家講解的是使用php和javascript實(shí)現(xiàn)的判斷訪客終端類型的方法集錦，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-06-06
下面小編就為大家分享一篇javascript 通過鍵名獲取鍵盤的keyCode方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
javascript onclick事件改變選中行的顏色,方法簡(jiǎn)單，大家參考使用吧2013-12-12
Bootstrap每天必學(xué)之媒體對(duì)象，對(duì)BootBootstrap每天必學(xué)之媒體對(duì)象小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap每天必學(xué)之媒體對(duì)象，從中得到收獲。2015-11-11
JS實(shí)現(xiàn)上傳圖片的三種方法并實(shí)現(xiàn)預(yù)覽圖片功能
在用戶注冊(cè)頁面，需要用戶在本地選擇一張圖片作為頭像，并同時(shí)預(yù)覽，實(shí)現(xiàn)思路有兩種，具體實(shí)現(xiàn)方法和實(shí)例代碼大家參考下本文2017-07-07
以下內(nèi)容基于IE中GIF的onload事件的基礎(chǔ)上，故所有測(cè)試IE only2007-05-05
js實(shí)現(xiàn)動(dòng)畫特效的文字鏈接鼠標(biāo)懸停提示的方法
這篇文章主要介紹了js實(shí)現(xiàn)動(dòng)畫特效的文字鏈接鼠標(biāo)懸停提示的方法,實(shí)例分析了javascript操作css的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03