一、（?.）可选链操作符
MDN解释——可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。
语法：
obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)
1.通过连接的对象的引用或函数可能是 undefined 或 null 时，可选链操作符提供了一种方法来简化被连接对象的值访问。
const obj = {
info: {
name: 'zhangsan',
age: 20
},
details: {}
}
let someBody = obj.info?.name // zhangsan
let otherInfo = obj.infos?.name // 返回 undefined 而没有报错，保证程序继续执行，而不是中断
2.可选链与函数调用
// 函数调用时如果被调用的方法不存在，
// 使用可选链可以使表达式自动返回 undefined 而不是抛出一个异常
let data = someInterface.someMethod?.()
3.可选链和表达式
// 当使用中括号与属性名的形式来访问属性时，也可以使用可选链操作符
let nestedProp = obj?.['prop' + 'Name']
4.可选链不能用于赋值语句
const someObj = {}
someObj?.name = "zhangsan" // Uncaught SyntaxError: Invalid left-hand side in assignment
5.可选链访问数组元素
let arr = ['zhangsann', 20, 'male']
let item = arr?.[0]
6.可选链用于短路计算
// 当在表达式中使用可选链时，如果左操作数是 null 或 undefined，表达式将不会被计算
const profile = {
name: 'zhangsan',
details: {
gender: 'Female',
age: 20
}
}
let add = profile.details?.address?.province // 没有报错返回undefined
一、（?？）空值合并运作符
空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为?null?或者?undefined?时，返回其右侧操作数，否则返回左侧操作数。
与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用?||?来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如，''?或?0）时。
const foo = null ?? 'default string';
console.log(foo); //"default string"
const baz = 0 ?? 42; //为null和undefined时，返回右面的值,否则返回左面
console.log(baz);//0
const baz2 = 0 || 42; //为假值（0和‘’）、null、undefined，返回右面的值，否则返回左面
console.log(baz2); //42
