JavaScript中?.?和??分別是什么詳解
?.
和 ??
是 JavaScript 中的兩個(gè)新操作符,分別是可選鏈操作符(optional chaining operator)和空值合并操作符(nullish coalescing operator)。
?. 操作符
?.
可選鏈操作符用于訪問可能為空或未定義的屬性或方法,它允許我們安全地訪問嵌套對象的屬性,如果中間的屬性為空或未定義,則不會(huì)拋出錯(cuò)誤,而是返回 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
?? 操作符
??
空值合并操作符用于檢查一個(gè)變量是否為 null 或 undefined,如果是,則返回一個(gè)默認(rèn)值,否則返回該變量的值。與傳統(tǒng)的邏輯運(yùn)算符 ||
不同,??
只會(huì)在左側(cè)的值為 null 或 undefined 時(shí)返回右側(cè)的默認(rèn)值,對于其他假值(如空字符串、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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
關(guān)于COOKIE個(gè)數(shù)與大小的問題
在一次面試過程中,面試官問過我關(guān)于瀏覽器cookie的問題包括:cookie大小,cookie個(gè)數(shù)限制以及如何操作cookie等一系列的問題。2011-01-01Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例
這篇文章主要給大家介紹了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),對大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)常見面試問題整理
在JavaScript中,數(shù)據(jù)結(jié)構(gòu)是指相互之間存在一種或多種特定關(guān)系的數(shù)據(jù)元素的集合,是帶有結(jié)構(gòu)特性的數(shù)據(jù)元素的集合。常用的數(shù)據(jù)結(jié)構(gòu)有:數(shù)組、列表、棧、隊(duì)列、鏈表、字典、集合等等2022-08-08javascript 中模板方法單例的實(shí)現(xiàn)方法
這篇文章主要介紹了javascript 中模板方法單例的實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-10-10javascript 翻頁測試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁)
javascript 翻頁測試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁),需要的朋友可以參考下。2009-12-12