Nodejs中使我震惊的 js 语法 ?.(没错，看起来很像三目但却不是:而是.)
Nodejs中使我震惊的 js 语法 ?.(没错，看起来很像三目但却不是:而是.)
举例
let a = {a:“1”,b:“2”}
console.log(a?.a)
契机：另一个组的同事在一个 angular 项目里发现了这个语法的使用，
通过关键字查了一下也就这么个 csdn 的结果
《 angular 中的 ? 和 !》 https://blog.csdn.net/weixin_30908941/article/details/95594290
里面除了交代?可以判断前面的变量是否为 null 或 undefined 再执行后面,还有个!判断后面键所对应的值是否为 null 或 undefined，不过没有成功在 js 里再现这个!。
就我个人在网上的搜索结果来看，感觉这个?.的写法比!!还要冷门，用途的效果上个人感觉类似 react 写 jsx 进行页面渲染时的&&或者?:
当然,我自己的这些肤浅猜测总结也没什么营养，还请各位有了解或者感兴趣的分析一波这个?.吗
我觉得还是 aardio 中的直接下标更简洁好用，
if( a[[b]] ){ } 不管 a 是什么都不会抛异常，不是对象返回 null，可以节省好多代码。
比 swift,kotlin,js 什么的出现早多了，国产小语言也是有亮点的。
Safe calls are useful in chains. For example, if Bob, an Employee, may be assigned to a Department (or not), that in turn may have another Employee as a department head, then to obtain the name of Bob’s department head (if any), we write the following:
bob?.department?.head?.name
Such a chain returns null if any of the properties in it is null.
为了减少对父元素的空置判定，尤其是很多个级别。
a.b.c.d 这种，if(a) { if(a.b) { if(a.b.c) { a.b.c.d }}}}，不想一级一级判断的时候就很方便了。
握草，刚刚试了一下，除了?.运算符之外，??运算符也被支持了！
var a = {sa: 3, sb: 4};
var b = null;
console.log(a?.sa ?? 5); // 3
console.log(b?.sa ?? 5); // 5
https://caniuse.com/#feat=mdn-javascript_operators_optional_chaining
太超前了，FF 和 CR 各只过了两个版本，过 babel 可行（ angular 可以用大概就是 babel 的原因？）
早前 coffee 就看到了
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
摘录:
由于 || 是一个布尔逻辑运算符，左侧的操作数会被强制转换成布尔值用于求值。任何假值（ 0， ‘’，NaN，null，undefined ）都不会被返回。这导致如果你使用 0，’'或 NaN 作为有效值，就会出现不可预料的后果.
空值合并操作符??可以避免这种陷阱，其只在第一个操作数为 null 或 undefined 时（而不是其它假值）返回第二个操作数。
感谢#10 提供了拓展和线索
推一下前两天我们关于 nullish coalescing operator post: https://zsqk.github.io/news/2020-04-08-nullish-coalescing-operator.html
c# 6.0 （ 2015 年） 才有 Null 条件运算符，应当是比较晚了。
国产小语言 aardio 在十多年前就有了类似的语法，不仅仅是对象，任何对象都可以 if( a[[b]] ){ } ，真正的有鸭子的声音就可以当鸭子用，说到偷懒这个事，我们还是行的。
只能 null 对象，还是会有麻烦，如果是其他类型呢，还是要写判断，偷懒还是不够彻底这不行的。
<br>{<br> name: 'aaa',<br> ...(true && {age: 10})<br>}<br>
比如像这种神奇的写法 真的能让自己少掉好几根头发
可选链啊, 如果用过 Swift 肯定会觉得很熟悉
实际上 a?.b 就等于 a && a.b 的意思, 防止对不存在的变量读取属性而产生异常
在处理某些前后端交互的不稳定数据时相当舒服
因为 js 里面访问 undefined 或者 null 的成员会报错，所以如果调用很深，譬如这种，a.b.c.d.e.f，为了防止报错，要这么写
a?a.b?a.b.c?a.b.c.d?a.b.c.d.e?a.b.c.d.e.f:null:null:null:null:null
巨难看
所以出了个语法糖
a?.b?.c?.d?.e?.f
C# 还有 ?? ??=
a?.b 等同于 if(a == null) return null
还有 a??0 等同于 if(a == null) return 0
a??=0 等同于 if(a == null){ a = 0; return a;}
很多语言都有，这个叫 Safe navigation operator, Wikipedia 有 18 种语言的例子
https://en.wikipedia.org/wiki/Safe_navigation_operator
您这个就算没有 ?. 语法，也可以不用 ?: 啊……
用 ?: 是丑，但是直接
a && a.b && a.b.c && a.b.c.d && a.b.c.d.e && a.b.c.d.e.f || null
也稍微好看一些啊……
（虽然还是 ?. 更香
optional 更适合用来解包判空之类的。
如果用来判断布尔的话是有歧义的，比如：if (a?.b == 0)或者 if(a?.b == false)，到底是 a 为空还是 a 不为空 b 为 false 或者 b 为空
在Node.js中，你提到的.?（可选链，Optional Chaining）操作符确实是一个令人惊讶且强大的JavaScript语法特性。这个操作符允许你安全地访问深层嵌套对象属性，而无需手动检查每一级是否存在，从而避免了常见的TypeError错误。
以下是一个简单的示例，展示了可选链操作符的使用：
const user = {
name: 'John',
address: {
city: 'New York'
}
};
// 使用可选链操作符访问嵌套属性
const city = user.address?.state?.name ?? 'Unknown State';
console.log(city); // 输出: Unknown State
// 如果不使用可选链，代码可能会抛出错误
try {
const cityWithoutOptionalChain = user.address.state.name;
console.log(cityWithoutOptionalChain);
} catch (error) {
console.error(error.message); // 输出: Cannot read properties of undefined (reading 'name')
}
在上面的例子中，user.address?.state?.name使用了可选链操作符，即使state属性不存在，也不会抛出错误，而是返回undefined。接着，我们使用逻辑空值合并操作符??来提供一个默认值'Unknown State'。
可选链操作符极大地简化了处理可能为null或undefined的对象属性的代码，使代码更加简洁和健壮。它是ES2020（ECMAScript 2020）规范的一部分，Node.js从v14开始支持这一特性。
