明天学到了一些简洁代码的两个操作符:
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