知识拓展 ?. 连选链操纵

?. 连选链操纵  
?. 可选链操纵符
?. 是可选链操纵符，常用于访问引用类型具有不确定性的内部数据时，好比要访问一个对象中的数组，不确定数组一定有数据就可以使用 ? 取读取它的 length 属性，假如对象没有这个属性也仅会返回 undefined 而不会报错，如许可以有用规避“undefuned上没有 length 属性”的报错！
代码示例：

1. let data = {name: 'zs'}
2. console.log(data.list.length)        // 代码会报错！！！！
4. let data = {name: 'zs'}
5. console.log(data.list?.length)       // 返回 undefined 而不会报错

复制代码

?? 和 ||
?? 和 || 运算符都可以用于设置“默认值/备用值”的情况，但二者具有些微差别：
?? 运算符仅有在左侧数据为 undefined 或 null 时才会取右侧的值，所以左侧数据为 0 / false 时不会取右侧数据，仍旧取左侧的 0 / false
代码示例：

1. let a = null
2. console.log(a ?? '空')        // 空
4. let a = undefined
5. console.log(a ?? '空')        // 空
7. let a = 0
8. console.log(a ?? '空')        // 0
10. let a = false
11. console.log(a ?? '空')        // false

复制代码

|| 运算符是只要左侧数据不为真就会取右侧的数据，所以左侧数据为 0 / false 时也会取右侧数据
代码示例：

1. let a = 0
2. console.log(false || '空')        // 空
4. let a = false
5. console.log(false || '空')        // 空
7. let a = null
8. console.log(false || '空')        // 空
10. let a = undefined
11. console.log(false || '空')        // 空

复制代码

参考文章
? 可选链操纵符以及 ?? 与 || 的区别_es6中??与|| 的区别-CSDN博客

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。