Js中判断运算符和||的区别

?? 运算符是 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

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

猜你喜欢

转载自blog.csdn.net/z591102/article/details/124610746