空值合并操作符（ ?? ）

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

// const a = 0 || '18' //18
// const b = '' || '张三' //张三
// const c = false ||'小明' //小明
// const d = undefined || '小明' //小明
// const e = null  || '小明  //小明'

const a = 0 ?? '18' //0
const b = '' ?? '张三' //''
const c = false ??'小明' //false
const d = undefined ?? '小明' //小明
const e = null  ?? '小明'  //小明'

可选链运算符（?.）

可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。

当尝试访问可能不存在的对象属性时，可选链运算符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链运算符也是很有帮助的。

const list = [] 
// const child = list && list[0]
const child =list?.[0]

const obj = {
    name: 'Alice',
    cat: {
      name: 'Dinah'
    }
  }
// const dogName = obj && obj.dog && obj.dog.dogName
const dogName = obj?.dog?.name;
console.log(dogName);
// expected output: undefined