JavaScript中问号的三种用法??和?.以及 ?: ，您知道吗？

最近，看了一些关于JavaScript的测试脚本，觉得JS 中问号的用法还是蛮有意思的，于是做了一下总结，在这里分享给大家！JS中的问号大概有三种用法，分别是：空值合并操作符、可选链操作符和三目运算。

问号问号（??）

空值合并操作符??是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

例如

console.log(null ?? "xx")
输出 xx
console.log(1 ?? "xx")
输出 1

问号点 （?.）

可选链操作符（?.）可选链操作符允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。 使用它的好处是引用为null 或者 undefined的情况下不会引起错误。

语法：obj?.prop obj?.[expr] arr?.[index] func?.(args)

例如

var obj={a:{b:1}}
console.log(obj?.a?.b)
输出1
console.log(obj?.a?.c)
输出 undefined

问号冒号（?: ）

这是三目运算，具体表达式是（condition ? exprIfTrue : exprIfFalse）

该表达式的含义是 条件condition是真，则执行exprIfTrue ，否则执行exprIfFalse

举个例子大家就懂了

var n = 10;
console.log((n >= 11) ? "a" : "b");
输出b
当 var n = 12;
输出a