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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理