?? 运算符是 ES2020 引入，也被称为 null 判断运算符( Nullish coalescing operator) 它的行为类似 || ，但是更严 || 运算符是左边是空字符串或 false 或 0 等 falsy值 ，都会返回后侧的值。

而 ?? 必须运算符左侧的值为 null 或 undefined 时，才会返回右侧的值。因此0||1的结果为1，0??1的结果为0。

相同点

用法相同，都是前后是值，中间用符号连接。根据前面的值来判断最终返回前面的值还是后面的值。

值1 ?? 值2

值1 || 值2

不同点

判断方式不同：

使用 ?? 时，只有当值1为null或undefined时才返回值2；

使用 || 时，值1会转换为布尔值判断，为true返回值1，false 返回值2

示例

// ??
undefined ?? 2	// 2
null ?? 2		// 2
0 ?? 2			// 0
"" ?? 2			// ""
true ?? 2		// true
false ?? 2		// false

// ||
undefined || 2	// 2
null || 2		// 2
0 || 2			// 2
"" || 2			// 2
true || 2		// true
false || 2		// 2

总的来说，双问号??更加适合在不知道变量是否定义时，或者是否赋值时的场景来使用。

链接: https://www.fly63.com/article/detial/11452