用途：提升前端代码可读性，让阅读者能快速理解代码意图。适用于嵌套三元运算符、未命名的复杂条件式（如 a && !b || c）、以及同一组件中混入不会同时执行的代码等场景。
主要能力与模式：
- 分离不会同时执行的代码。例如 viewer 与 admin 逻辑混在一个组件中时，按分支拆分为独立组件，如 isViewer ? <ViewerSubmitButton /> : <AdminSubmitButton />。
- 为复杂条件命名。将 user.age >= 18 && !user.isBanned && user.emailVerified 提取为 const canPurchase = ...，再用 if (canPurchase) 判断。
快速参考：嵌套三元运算符改用 if 语句或 early return；复杂条件 a && !b || c 用有意义的名称；多个分支交叉时按分支拆分为独立组件；代码上下反复跳读时，用可一眼看清条件的对象管理。
注意事项：不要对简单逻辑过度抽象；不要用注释掩盖坏代码，而应改进代码本身；不要为“未来灵活性”构建过深层次。
参考：https://frontend-fundamentals.com/code-quality/readable/