?? 运算符是 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
总的来说,双问号??更加适合在不知道变量是否定义时,或者是否赋值时的场景来使用。