三元运算符（? :）是javascript中简化单层条件赋值的语法，格式为“条件 ? 表达式1 : 表达式2”，条件真时返回表达式1，否则返回表达式2，适用于单一条件、双分支且逻辑清晰的简洁赋值场景。
三元运算符（? :）是 JavaScript 中简化单层条件赋值最常用的方式，它让一行代码就能替代简单的 if...else 逻辑。
基本语法结构
三元运算符由三个部分组成，格式为：
条件 ? 表达式1 : 表达式2
含义：如果条件为真，返回表达式1的值；否则返回表达式2的值。整个运算结果可直接用于赋值、函数参数、返回值等场景。
典型用法示例
常见于变量初始化、状态判断、DOM 属性设置等简洁赋值场景：
- 根据布尔值设置字符串：
const status = isActive ? '在线' : '离线'; - 防止 undefined 或 null 导致错误：
const name = user?.name ?? '匿名用户';（注意：这里??是空值合并运算符，不是三元；但三元也可实现类似逻辑：const name = user && user.name ? user.name : '匿名用户';） - 设置默认值：
const count = inputCount > 0 ? inputCount : 1; - 动态 class 名：
const className = isHighlighted ? 'item active' : 'item';
使用时的关键注意事项
三元运算符适合**单一条件、两个分支、逻辑清晰**的场景。过度嵌套会严重降低可读性：
- 避免多层嵌套（如
a ? b : c ? d : e ? f : g），这种写法难读易错，应改用if...else if...else或switch - 三元运算符的两个分支必须有明确的返回值，不能在其中写语句（如
console.log()），除非包裹在括号中并确保整体有返回值（不推荐） - 注意运算符优先级：三元运算符优先级较低，和
=、&&、||混用时建议加括号，例如：const result = (a > b) ? x : y;
和 if 语句的适用边界
不是所有 if 都该转成三元。以下情况更适合保留 if：
- 分支中需要执行多个操作（如调用多个函数、修改多个变量）
- 条件逻辑复杂，涉及多个变量或函数调用
- 分支中包含异步操作（如
await）或循环 - 需要提前 return 或 throw 错误
三元的核心价值在于「简洁表达选择」，而非替代控制流。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
