当处理默认值时，??（空值合并运算符）和||（逻辑或运算符）是 JavaScript 中的两个重要工具。尽管它们的目标相似，但它们在实现和使用上存在一些关键区别。本文将详细探讨它们的区别和相似之处。
一、相似性
用途:
?? 和 || 都用于在值可能是假值或缺失时提供默认值。
返回值:
两者都返回一个值，而不是布尔值。这使它们不同于通常的逻辑或布尔运算。
二、区别
优先级：
?? 的优先级比 || 高。这意味着在表达式中同时使用它们时，?? 将首先计算。这可能会导致不同的行为，特别是当你想要设置默认值时。
处理假值：
?? 只处理严格等于 null 或 undefined 的情况。它不会处理其他假值，如 0、false、空字符串 ” 等。只有在左侧操作数是 null 或 undefined 时，?? 才会返回右侧操作数。
|| 处理更广泛的假值情况，包括 null、undefined、false、0、NaN、空字符串 ” 等。如果左侧操作数是假值，|| 会返回右侧操作数。
const a = null;
const b = 0;
const result1 = a ?? 'Default'; // result1为 'Default'，因为a是null
const result2 = b ?? 'Default'; // result2为 0，因为b不是null
const result3 = a || 'Default'; // result3为 'Default'，因为a是null
const result4 = b || 'Default'; // result4为 'Default'，因为b是假值
console.log(1 || "xx") //1
console.log(0 || "xx") //xx
console.log(null || "xx") //xx
console.log(undefined || "xx") //xx
console.log(-1 || "xx") //-1
console.log("" || "xx") //xx
console.log(1 ?? "xx") //1
console.log(0 ?? "xx") //0
console.log(null ?? "xx") //xx
console.log(undefined ?? "xx") //xx
console.log(-1 ?? "xx") //-1
console.log("" ?? "xx") //''
https://shorturl.fm/gw03x
https://shorturl.fm/SzN8m
https://shorturl.fm/l66Ag
https://shorturl.fm/NcRLk
https://shorturl.fm/LOkgE
https://shorturl.fm/R6ILG
https://shorturl.fm/nk95D
https://shorturl.fm/KmaTD
https://shorturl.fm/yFxPM
https://shorturl.fm/vd9Vj
https://shorturl.fm/iRWdn
https://shorturl.fm/Oi4B0
https://shorturl.fm/8TEhy
https://shorturl.fm/FhLBv
https://shorturl.fm/4Bj5F
https://shorturl.fm/j8fkB
https://shorturl.fm/Eff57
https://shorturl.fm/wC4pJ
https://shorturl.fm/74gZn