??与||运算符比较

文章讲述了JavaScript的或运算符||和空值合并运算符??的区别。||返回第一个真值,而??返回第一个已定义的值,更适用于提供默认值的情况。当处理可能为0或其他假值的变量时,??能更精确地区分null/undefined和有效但为假的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

或运算符 || 可以以与 ?? 运算符相同的方式使用。像我们在 上一章 所讲的那样。

例如,在上面的代码中,我们可以用 || 替换掉 ??,也可以获得相同的结果:

let firstName =null;
let lastName =null;
let nickName ="Supercoder";
// 显示第一个真值:
alert(firstName || lastName || nickName ||"Anonymous");// Supercoder

纵观 JavaScript 发展史,或 || 运算符先于 ?? 出现。它自 JavaScript 诞生就存在了,因此开发者长期将其用于这种目的。

另一方面,空值合并运算符 ?? 是最近才被添加到 JavaScript 中的,它的出现是因为人们对 || 不太满意。

它们之间重要的区别是:

  • || 返回第一个 值。

  • ?? 返回第一个 已定义的 值。

换句话说,|| 无法区分 false、0、空字符串 "" 和 null/undefined。它们都一样 —— 假值(falsy values)。如果其中任何一个是 || 的第一个参数,那么我们将得到第二个参数作为结果。

不过在实际中,我们可能只想在变量的值为 null/undefined 时使用默认值。也就是说,当该值确实未知或未被设置时。

例如,考虑下面这种情况:

let height =0;alert(height ||100);// 100

alert(height ??100);// 0
  • height || 100 首先会检查 height 是否为一个假值,它是 0,确实是假值。

  • 所以,|| 运算的结果为第二个参数,100。

  • height ?? 100 首先会检查 height 是否为 null/undefined,发现它不是。

  • 所以,结果为 height 的原始值,0。

实际上,高度 0 通常是一个有效值,它不应该被替换为默认值。所以 ?? 运算得到的是正确的结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值