可选链和空值处理

ES新特性

1. ES11(2020)

1.1 空值处理(Nullish coalescing Operator)

表达式在 ?? 的左侧，运算符求值为undefined或null，返回其右侧

let user = {
  u1: 0,
  u2: false,
  u3: null,
  u4: undefined,
  u5: ''
}
let u2 = user.u2 ?? '用户2'  // false
let u3 = user.u3 ?? '用户3'  // 用户3
let u4 = user.u4 ?? '用户4'  // 用户4
let u5 = user.u5 ?? '用户5'  // ''

1.2 可选链(Optional chaining)

?.用户检测不确定的中间节点

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