短路求值是什么？逻辑运算符使用技巧

短路求值是JavaScript中&&和||运算符的底层智慧——它们不机械计算两个操作数，而是根据左操作数的真假性“智能跳过”右侧执行：&&在左为falsy时立刻返回左值、不碰右边；||在左为truthy时直接返左、跳过右边。这一机制不仅让默认值设置（如`name || '匿名用户'`）和安全访问嵌套属性（如`user && user.profile && ...`）变得简洁可靠，还能组合出无if的清晰逻辑（如`(isSuccess && '成功') || '进行中'`），广泛应用于React渲染、权限控制与API处理中；掌握它，意味着真正理解JS的真值判断与运算符本质，写出更轻量、健壮且富有表现力的代码。

短路求值（Short-circuit Evaluation）是 JavaScript 中逻辑运算符 && 和 || 的核心行为：它们不会盲目计算两个操作数，而是根据左操作数的布尔值，**决定是否执行右操作数**。

短路求值是怎么工作的？

&&（逻辑与）：如果左操作数为 falsy（如 false、0、""、null、undefined、NaN），整个表达式直接返回左操作数，**不执行右操作数**；只有左为 truthy 时，才返回右操作数（无论真假）。

||（逻辑或）：如果左操作数为 truthy，整个表达式直接返回左操作数，**跳过右操作数**；只有左为 falsy 时，才返回右操作数。

这种“够了就停”的机制就是“短路”——像电路一样，一旦结果确定，后续支路就不再通电。

用 || 设置默认值

这是最常用也最安全的默认值写法，尤其适合处理可能为 undefined 或 null 的参数或配置项。

• const name = user.name || '匿名用户'; —— 若 user.name 是 undefined 或空字符串，就用默认名
• function greet(msg) { msg = msg || '你好'; console.log(msg); }

⚠️注意：它对所有 falsy 值都生效，所以若你希望 0 或 false 也被当作有效值，就得改用空值合并操作符 ??（ES2020）：user.count ?? 0。

用 && 安全访问嵌套属性或条件执行

避免因中间某层为 null 或 undefined 导致报错 Cannot read property 'x' of undefined。

• const city = user && user.profile && user.profile.address && user.profile.address.city; —— 写法略长，但兼容老环境
• loading && showLoadingSpinner(); —— 只有 loading 为真时才调用函数，简洁又安全
• isAdmin && renderAdminPanel(); —— 权限控制的一行写法

组合使用实现更灵活的逻辑控制

把 && 和 || 搭配起来，可以写出语义清晰、无 if 的条件逻辑。

• const statusText = (isSuccess && '成功') || (isError && '失败') || '进行中';
• const displayName = (user.nickName || user.fullName || user.email).trim() || '未知用户';

这类写法在 React 渲染逻辑、配置合并、API 响应处理中非常常见，既紧凑又可读。

基本上就这些。短路求值不是炫技，而是 JavaScript 理解数据真值（truthiness）和运算符行为的基础。用熟了，代码会更轻、更稳、更像人话。

今天关于《短路求值是什么？逻辑运算符使用技巧》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！