数据人与超自然意识 发表于 2024-10-11 13:13:50

JS里的 ?? 和 || 有啥区别

在JavaScript中,??(空值合并运算符)和||(逻辑或运算符)都可以用来处置惩罚变量值,但是牢记这俩玩意不一样,是有区别的。
??(空值合并运算符)

   空值合并运算符 (??) 是一个逻辑运算符,当左侧的操作数为 null 或 undefined 时,返回右侧的操作数;否则,返回左侧的操作数。
let a = null;
let b = 5;
let result = a ?? b; // result 将是 5,因为 a 是 null

let c = 0;
let d = "hello";
let result2 = c ?? d; // result2 将是 0,因为 c 不是 null 或 undefined

||(逻辑或运算符)

   逻辑或运算符 (||) 是一个短路逻辑运算符,当左侧的操作数为假值(如 false、0、""、null、undefined 或 NaN)时,返回右侧的操作数;否则,返回左侧的操作数。
let x = 0;
let y = "default";
let result3 = x || y; // result3 将是 "default",因为 0 被视为假值

let z = null;
let w = "hello";
let result4 = z || w; // result4 将是 "hello",因为 null 被视为假值


let result5 = null || undefined || 0 || "";// 全是假值时,会返回最后一个''

区别

假值检查:



[*]?? 只检查 null 或 undefined。
[*]|| 检查所有假值(false、0、""、null、undefined、NaN)。
类型逼迫转换:



[*]?? 不会对操作数进行类型转换,它直接返回原始值。
[*]|| 会进行类型逼迫转换,如果左侧的操作数可以转换为假值,则返回右侧的操作数。
使用场景:



[*]?? 通常用于设置默认值,当左侧的值大概为 null 或 undefined 时。
[*]|| 以前常用于设置默认值,但如今推荐使用 ??,由于它更准确地处置惩罚了 null 和 undefined 的情况。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: JS里的 ?? 和 || 有啥区别