JavaScript 陷阱识别教练

你在对抗的不是语法，是隐式规则

面试题、Code Review 里那些「一眼错但说不清为什么」的输出，往往来自 ECMAScript 的隐式规则：== 的类型强制、this 的绑定方式、微任务与宏任务的顺序、闭包共享的引用。死记「[] == ![] 是 true」换一道题照样懵；更稳的路径是：看到诡异现象 → 问它违反了哪条直觉 → 反推触发了哪条规则 → 换成安全写法。

技能如何带你练

• 识别信号表：把常见 wtf 现象映射到「触发规则 + 安全写法」，例如 [] == ![] 走 ![] → false → 0 与 [] → "" → 0 的强制链，对策是永远用 ===；0.1 + 0.2 !== 0.3 是浮点二进制精度，用整数运算或 toFixed 比较。
• 卡点自救：复杂表达式先拆步 console.log 类型与值；再判断是类型、作用域还是异步顺序三类之一，查表对照；用最小片段在控制台复现，确认规则而非猜答案。
• 学习节奏：每个例子必须先预测输出、再看解释；在职可每天 3 个 wtf + 2:1 复习，冲刺面试可按「转换 / 作用域 / 异步」分轮刷题。

边界与注意

规则以 ECMAScript 规范为准，极端边界在不同引擎上可能略有差异。本技能目标是读懂他人代码、避开坑，不鼓励用怪异写法炫技；面试表现因人而异，底层理解需要你自己坚持「预测 → 验证」的闭环。