Do or do not：Yoda Conditions——JavaScript界的防呆盔甲-优快云博客

本文链接：https://blog.youkuaiyun.com/JakeMa1024/article/details/147065577

1. 什么是Yoda Conditions？

Yoda Conditions（约达条件）是一种写法，把常量或不会被修改的值放在比较运算符的左边，变量放在右边。
比如：

if (undefined == instanceId.value) { ... }
// 而不是：if (instanceId.value == undefined) { ... }

这就像《星球大战》里的Yoda大师用光剑挡下攻击一样——先保护常量，再怼变量！

2. 为什么需要Yoda Conditions？

答案：防“手滑”！
假设你写代码时一不小心把 == 错写成 =，会发生什么？

传统写法：

if (instanceId.value = undefined) { ... }
// → 程序直接把 `instanceId.value` 赋值为 `undefined`，然后判断 `undefined` 是否为真（结果是`false`）。
// → 程序崩溃！但你可能半天没发现bug在哪儿！

Yoda写法：

if (undefined = instanceId.value) { ... }
// → 直接报错！因为 `undefined` 是常量，不能被赋值！
// → 立马提醒你：“喂！你写错符号了！”

Yoda Conditions就像给代码穿上“防呆盔甲”——用语法错误提前阻止逻辑错误！

3. Yoda vs. 传统：谁更“防滑”？

场景	传统写法	Yoda写法
误写 `=`	黑洞：悄悄赋值，程序崩溃无提示	爆炸：直接语法错误，立刻报警！
代码可读性	“变量和常量在比大小”	“常量在质问变量：你敢和我一样？！”
现代工具（如ESLint）	依赖工具检测 `=` 错误	无需工具，语法天然防呆

结论：Yoda Conditions是“物理防滑”，而ESLint是“魔法防滑垫”——两者叠起来，bug退散！

4. 现代JavaScript还用得上吗？

是的！但要看场景！

优点：
1. 物理防呆：直接用语法错误堵住低级错误。
2. 团队协作：新人手滑概率降低，老手一眼看出“我这是在比较，不是赋值！”
缺点：
1. 可读性争议：
```
if (null === user.address) { ... } // Yoda写法
// → 读起来像“空指针等于地址？”有点绕
```
2. ESLint救星：
  现代工具可以检测 accidental assignment（误赋值），比如配置 no-unused-vars 或 eqeqeq 规则，可能让Yoda显得“过时”。

所以，Yoda Conditions是“祖传秘方”，但现代人更爱用“抗生素（工具）+秘方”组合拳！

5. TypeScript里的Yoda Conditions

在TypeScript里，Yoda Conditions还能和类型系统“双剑合璧”！

function formatUser(user?: { name: string }) {
  if (undefined === user) { // Yoda写法
    return "无名用户";
  }
  return user.name; // 这里TS会推断user不为undefined！
}

TypeScript的类型守卫+Yoda的防呆，简直是“双重保险”！

6. 幽默小剧场：Yoda vs. 变量“小淘气”

场景：变量x是个调皮鬼，总想被赋值。

Yoda条件登场：

if (42 === x) { ... }
// Yoda大师：我站在这里，你敢往我身上赋值？→ 直接报错！

变量小淘气：

“呜呜，我本来想说‘我等于42吗？’，结果Yoda大师一剑劈来，我连赋值的机会都没有！”

总结：Yoda Conditions就是给变量戴上了“防赋值项圈”！

7. 最佳实践：Yoda Conditions的正确打开方式

只对 null/undefined、true/false、数字/字符串常量使用：

if ("error" === status) { ... } // 好！
if (0 === count) { ... }        // 好！

避免对变量或表达式用Yoda：

if (a === b) { ... } // 正常写法，别搞成 `if (b === a)`！

TypeScript中结合类型守卫：

if (null === obj) { return; } // Yoda + 类型推断 = 双倍快乐！

8. 结语：Yoda Conditions不是“银弹”，但能让你少秃头！

它像给代码装了个“防误操作扶手”——即使你手滑写错符号，程序也会立刻尖叫：“嘿！你写错了！”。
但记住：

现代工具（如ESLint、TypeScript）能帮你更优雅地防错。
Yoda Conditions是“祖传防呆”，但别为了“Yoda而Yoda”，可读性才是王道！

最后的最后：
如果Yoda大师会JavaScript，他一定说：

“Do or do not. There is no assign when you compare. Hmm!” 🌟

现在，你也可以用Yoda Conditions，化身JavaScript界的防呆大师啦！ 😎