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