可选链操作符（?.）， 空值合并运算符 (??) 的学习

今天学到了一些简洁代码的两个操作符：

1. 可选链操作符( ?. )

可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值

let aa = {
  bb: {
    cc: 100
  }
}

let ee = aa.bb?.cc;
console.log(ee, 'ee')
// 100 'ee'

let dd = aa.bbb?.cc;
console.log(dd, 'dd')
// undefined 'dd'

2. 空值合并操作符（??）

空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

let aa = {
  bb: {
    cc: 100
  }
}

let dd = aa.bbb?.cc ?? 1234
console.log(dd)
// 1234