工作中使用這幾個(gè)新語(yǔ)法符號(hào)能起到代碼整潔清爽事半功倍的效果那

第一位

??(空值undefined和null處理)
表達(dá)式在 ?? 的左側(cè) 運(yùn)算符求值為undefined或null，返回其右側(cè)
之前常用的解決方法為：
a = a|| '替換值'
存在的問(wèn)題：將0，false，‘’等一并處理掉了，有時(shí)候不滿足我們的需求
如后臺(tái)返回的0對(duì)我們來(lái)說(shuō)是需要的，通過(guò)||,0也被認(rèn)為假
而??可以只處理undefined和null2中情況

let user = {
    u1: 0,
    u2: false,
    u3: null,
    u4: undefined
    u5: '',
}
let u1 = user.u1??'替換值' // 0
let u2 = user.u2 ?? '替換值'  // false
let u3 = user.u3 ?? '替換值'  // 替換值
let u4 = user.u4 ?? '替換值'  // 替換值
let u5 = user.u5 ?? '替換值'  // ''

第二位 ?.

Optional chaining（可選鏈）
?.用戶檢測(cè)不確定的中間節(jié)點(diǎn)

let user = {}
let u1 = user.childer.name // TypeError: Cannot read property 'name' of undefined
let u1 = user.childer?.name // undefined

第三位 邏輯運(yùn)算符和賦值表達(dá)式

邏輯運(yùn)算符和賦值表達(dá)式，新特性結(jié)合了邏輯運(yùn)算符（&&，||，??）和賦值表達(dá)式而JavaScript已存在的 復(fù)合賦值運(yùn)算符有：

a ||= b
//等價(jià)于
a = a || (a = b)

a &&= b
//等價(jià)于
a = a && (a = b)

a ??= b
//等價(jià)于
a = a ?? (a = b)

??：
if（!a）{
  a = []
}
a.push(1)
通過(guò)||= 可以簡(jiǎn)寫(xiě)為：
(a||=[]).push(1)