关于javascript:可选链操作符-空值合并运算符-的学习

2次阅读

共计 400 个字符,预计需要花费 1 分钟才能阅读完成。

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

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
正文完
 0