js ??和?. 可選鏈操作符( ?. ) 空值合并操作符(??)

看了一個(gè)項(xiàng)目代碼,項(xiàng)目中報(bào)語(yǔ)法錯(cuò)誤:

getList().then({data}=>{
  _this.processCategory = data?.map(item => {
                return {
                  id: item.dictValue,
                  name: item.dictLabel
                }
              }) ?? [];
                  console.log(_this.processCategory)
            });
})

可選鏈操作符( ?. )

選鏈操作符( ?. )允許讀取位于連接對(duì)象鏈深處的屬性的值,而不必明確驗(yàn)證鏈中的每個(gè)引用是否有效。?. 操作符的功能類似于 . 鏈?zhǔn)讲僮鞣煌幵谟?,在引用為?nullish ) (null 或者 undefined) 的情況下不會(huì)引起錯(cuò)誤,該表達(dá)式短路返回值

空值合并操作符(??)

只有當(dāng)左側(cè)為nullundefined時(shí),才會(huì)返回右側(cè)的數(shù)

1.項(xiàng)目中遇到以上的語(yǔ)法問(wèn)題,是不支持該語(yǔ)法,安裝以下依賴:

npm install @babel/plugin-proposal-optional-chaining

2.添加至項(xiàng)目.babel.config.js文件中:

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining",
 ]
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容