看了一個(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è)為
null和undefined時(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",
]
}