是什么

空值合并运算符（ Nullish Coalescing Operator ）是一个逻辑运算符，使用**??表示！主要作用是检查一个值是否是null**或者undefined，如果是则返回运算符后面的值，你可以把这个后面的值当作备胎！类似相亲，会判断你是不是穷逼，如果你是穷逼，则会毫不犹豫的选择备胎！

例如：X??YY

如果这里的X 不是null或者undefined，否则返回Y！

我们可以将**??**等价于 （a!==null and a!==undefined）? a : b

示例

const a = 0 ?? 1;

根据空值合并运算符的定义，这里a的是0。

const a = undefined ?? 1const b = null ?? 1

这个例子中的a都是1。

与||的区别

逻辑或运算符的作用是当左边的值是假值是，返回右边的值！

假值包括下面几种

• NaN
• 0
• " " 或 ’ ’
• null
• undefined
• false

在？？之前，我们给一个变量赋默认值，我们的做法是使用||

let variable = 形参 || 备用值;

然后使用||，会出现0这个可以作为有效值的，被忽略掉！

let count = 0;let variable = count || 42;

这里variabl的值就会是42，但是我们明明想要的是0。而空值合并运算符则可以避免这种情况！！！

?? 与 ?.

两个??是空值合并运算。一个？加**.叫做可选链操作符。可选链操作符，允许我们读取对象深层**不存在的属性。

例如：我们有一个user对象，他有一个name属性。

let user{    name :"张三"}

当我们想访问user.age，这个不存在的属性是，并不会报错！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yDUo6SlH-1655776039227)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1844edc509c845e9b27fa6dc9cd96143~tplv-k3u1fbpfcp-zoom-1.image)]

我们访问更深一层的user.age.newAge，就会直接报错！

我们给user.age可选链操作符，你会发现他不报错了！

user.age?.newage

当然可选连最适合应用场景应该是API调用的时候，假设我们user对象中，本来有一个getName()方法，但是某一天，这个方法被注释掉了！

碰撞

对于**??**来说，它可以识别null和undefined，而我们的可选链又可以讲错误转成undefined，那么这两者放在一起，是不是可以给深层不存在的属性赋值啦！

const user = {     name: "张三"};console.log(user.age？.newage ?? 18);  console.log(user.getName?.() ?? "默认名字"); 

总结

1. 空值合并运算符 在左侧null或为undefined时返回右侧值。

2. 当你想用假值做默认值，空值合并运算符是首选！

3. **??和?.**搭配起来很好用！