?? 运算符是 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://fly63.com/article/detial/11452