三元运算符适用于条件清晰、分支语义对等、类型一致的双通道分流，如user.isauthenticated ? 'auth' : 'guest'；应避免嵌套判断、副作用调用及类型混用，复杂逻辑须回归if-else。
用三元运算符实现高可读性的双通道业务逻辑分流，关键不在“能不能写”，而在于“怎么写才不费解”。它适合明确的二选一场景——比如「用户已登录？走认证通道 : 走游客通道」「支付成功？发订单通知 : 发失败提示」。只要条件清晰、分支语义对等、结果类型一致，一行就能把分流逻辑表达得干净利落。
明确条件，用布尔值直接驱动
条件表达式必须一眼可判真假，避免嵌套判断或副作用函数调用。优先使用已有布尔字段或简洁比较。
- ✅ 推荐：const channel = user.isAuthenticated ? 'auth' : 'guest';
- ❌ 避免：const channel = (user && user.token && user.token.length > 0) ? 'auth' : 'guest';（可读性差，建议提前提取为 isAuth）
- ⚠️ 注意：null/undefined 判断慎用 == 或 ===，推荐 user?.isAuthenticated ?? false 保证类型安全
分支结果保持语义对称与类型一致
两个分支返回的内容应在同一抽象层级，且类型尽量相同。避免一边是字符串、一边是对象，或一边是函数调用、一边是字面量。
- ✅ 推荐：const apiEndpoint = isProd ? 'https://api.example.com' : 'https://staging.api.example.com';
- ✅ 推荐：const handler = isRetry ? retryHandler : defaultHandler;（都是函数引用）
- ❌ 避免：const result = isValid ? { code: 200, data } : 'validation failed';（对象 vs 字符串，后续处理易出错）
嵌入上下文，不造中间变量
三元是表达式，天然适合放在需要值的地方：赋值、参数、模板、返回值。省掉临时变量，逻辑更聚焦。
- 函数调用：fetchData({ channel: user.isVIP ? 'premium' : 'standard' });
- JSX 类名：className={`card ${isExpanded ? 'expanded' : 'collapsed'}`}
- 返回值：return status === 'active' ?
: ;
复杂分流请让位给 if-else
当出现以下任一情况，就该停手、换 if-else：
- 条件本身需要多步计算（如校验+格式化+查缓存）
- 某一分支要执行副作用（如 log、dispatch、localStorage 写入）
- 两个分支逻辑不对等（如一个只返回字符串，另一个要发起异步请求）
- 未来可能扩展为三路以上（此时 switch 或策略模式更合适）
