【JS】解决js中变量可能空指针问题

• 错误示范

let ttt = {
  name: '里斯',
  area: {
    code: '101',
    name: '北京'
  }
}
ttt = {
  name: '张三',
  area: null
}
console.log(ttt.area.name)

结果：会报错，整个页面无法渲染

• 解决方案1：?.

let ttt = {
  name: '里斯',
  area: {
    code: '101',
    name: '北京'
  }
}
ttt = {
  name: '张三',
  area: null
}
console.log(ttt.area?.name)

结果：不会报错，会打印undefined

• 解决方案2：三目运算

let ttt = {
  name: '里斯',
  area: {
    code: '101',
    name: '北京'
  }
}
ttt = {
  name: '张三',
  area: null
}
console.log(ttt.area ? ttt.area.name : '')

结果：打印空白，不会报错