条件运算符（?:）是JavaScript唯一三元操作符，适用于简单双分支、无副作用的赋值、返回值及渲染场景；嵌套建议不超过两层，复杂逻辑应改用if或switch。

条件运算符（?:）是 JavaScript 中唯一的三元操作符，适合替代结构简单、仅涉及两个分支且返回值明确的 if...else 语句。它不能替代含多分支、副作用（如函数调用、赋值、DOM 操作）或复杂逻辑的条件判断，但对赋值、返回值、渲染表达式等场景非常简洁高效。

用于变量赋值

当需要根据条件给变量赋予不同初始值时，用条件运算符比写完整 if 语句更轻量：

✅ 推荐（清晰简洁）：

const userType = age >= 18 ? 'adult' : 'minor';

❌ 不推荐（冗余）：

立即学习“Java免费学习笔记（深入）”；

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

let userType;
if (age >= 18) {
  userType = 'adult';
} else {
  userType = 'minor';
}

用于函数返回值

在箭头函数或普通函数中，单行返回可直接用条件运算符，保持函数体紧凑：

• const getStatus = (score) => score >= 60 ? 'pass' : 'fail';
• return isLoggedIn ? <userpanel></userpanel> : <loginbutton></loginbutton>;（JSX 中常见）

用于默认值与短路组合

结合逻辑运算符可实现“有则用，否则按条件选”：

• const name = userName || (isGuest ? 'Anonymous' : 'Unknown');
• const displayText = data?.title ?? (isLoading ? 'Loading...' : 'No data');

注意：优先级上 ?? 和 || 高于 ?:，必要时加括号避免歧义。

嵌套要谨慎，避免可读性下降

两层以内嵌套尚可接受；超过三层建议改用 if 或 switch：

• const grade = score >= 90 ? 'A' : score >= 80 ? 'B' : 'C';（可读）
• score >= 90 ? 'A' : score >= 80 ? 'B' : score >= 70 ? 'C' : score >= 60 ? 'D' : 'F'（难维护）→ 改用 if 或查表法