惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 聂微东
Y
Y Combinator Blog
WordPress大学
WordPress大学
L
LangChain Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
A
About on SuperTechFans
小众软件
小众软件
有赞技术团队
有赞技术团队
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
Recent Announcements
Recent Announcements
GbyAI
GbyAI
I
InfoQ
The GitHub Blog
The GitHub Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
酷 壳 – CoolShell
酷 壳 – CoolShell
罗磊的独立博客
C
Check Point Blog
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
量子位
雷峰网
雷峰网
Hugging Face - Blog
Hugging Face - Blog

博客园 - howhy

TypeScript any vs unknown 详细对比 TypeScript interface vs type 完整对比 html 元素包含关系 this 指向 空对象 Object.keys for ...in Reflect.ownKeys ...区别 运算符优先级 js 类型显式转换 js 高级函数 js 方法重载 fetch timeout js 任务顺序执行 暂停 js 并发任务 判断两个对象是否相同 js 动态拦截属性 js 通用动画 js groupby js 防抖和节流 实现 instanceof 操作符 js 单例模式 js 数组去重和扁平方法 js 继承方法 js new的过程实现 js deepCopy js '=='的隐性类型转换规则
逻辑运算符和空值运算符
howhy · 2026-04-02 · via 博客园 - howhy

1. ||(逻辑或)

  • 规则:从左到右求值,返回第一个真值;如果所有操作数都为假,则返回最后一个操作数。

  • 示例:

    console.log(0 || 'hello' || false);   // 'hello'(第一个真值)
    console.log('' || null || 0);          // 0(全是假,返回最后一个)

2. &&(逻辑与)

  • 规则:从左到右求值,返回第一个假值;如果所有操作数都为真,则返回最后一个操作数。

  • 示例:

    console.log(1 && 'hi' && null);       // null(第一个假值)
    console.log(1 && 'hi' && true);       // true(全为真,返回最后一个)

3. ??(空值合并运算符)

  • 规则:只有当第一个操作数是 null 或 undefined 时,才返回第二个操作数;否则返回第一个操作数。

  • 注意:0''false 等都不算“空值”,不会触发返回右侧。

  • 示例:

    console.log(0 ?? 100);     // 0(0 不是 null/undefined)
    console.log(null ?? 100);  // 100
    console.log(undefined ?? 100); // 100

重要区别

  • || 会把 0''false 等视为假值,而 ?? 只认 null 和 undefined

  • 实践中常用 || 提供默认值(但会覆盖 0/'' 等有效值),用 ?? 更精确地处理缺失值。