1. 变量提升（Hoisting）

• 现象：使用 var 声明的变量会提升到作用域顶部（但赋值不会提升）。

• 陷阱：变量在声明前使用会得到 undefined，而非报错。

• ​console.log(a); // undefined，而不是报错var a = 10;

2. 隐式类型转换

• 现象：== 运算符会触发隐式类型转换，而 === 不会。

• 陷阱：一些看似合理的比较会得到反直觉的结果。

  console.log(0 == "0");    // trueconsole.log(0 == []);     // trueconsole.log([] == ![]);   // true（![] 转换为 false，再比较 [] == false）

3. 作用域与闭包

• 陷阱：循环中使用 var 可能导致闭包捕获同一个变量。

  for (var i = 0; i < 3; i++) {  setTimeout(() => console.log(i), 100); // 输出 3, 3, 3}// 解决：改用 let 或闭包隔离作用域。

4. this 的指向问题

• 现象：普通函数中的 this 由调用方式决定，箭头函数继承外层 this。

• 陷阱：方法调用时可能丢失 this。

  const obj = {  value: 42,  getValue: function() { return this.value; },  getValueArrow: () => this.value // 此处 this 指向全局对象（如 window）};console.log(obj.getValue());      // 42console.log(obj.getValueArrow()); // undefined（严格模式下报错）

5. 异步与事件循环

• 陷阱：setTimeout 的延迟不精确，回调函数会在主线程空闲后执行。

  console.log("Start");setTimeout(() => console.log("Timeout"), 0);Promise.resolve().then(() => console.log("Promise"));console.log("End");// 输出顺序：Start → End → Promise → Timeout（微任务优先于宏任务）

6. NaN 的奇怪行为

• 现象：NaN（Not a Number）与任何值（包括自身）比较均为 false。

  console.log(NaN === NaN); // falseconsole.log(isNaN("Hello")); // true（字符串被隐式转换为 NaN）console.log(Number.isNaN("Hello")); // false（更安全的检查）

7. 数组与对象的“陷阱”

• 现象：数组的 typeof 返回 "object"，空数组的布尔转换是 true。

  console.log(typeof []); // "object"console.log([] == false); // true（[] 转换为 0，false 转换为 0）console.log([] === false); // false

8. 浮点数精度问题

• 现象：JavaScript 使用 IEEE 754 双精度浮点数，可能导致精度丢失。

  console.log(0.1 + 0.2 === 0.3); // falseconsole.log(0.1 + 0.2); // 0.30000000000000004

9. 自动分号插入（ASI）

• 陷阱：某些情况下换行会被插入分号，导致意外结果。

  function foo() {  return     { a: 1 }; // 实际返回 undefined，因为分号被插入在 return 后}

10. 原型链污染

• 现象：修改内置对象原型会影响所有实例。

  Array.prototype.push = () => "Hacked!";const arr = [];console.log(arr.push(1)); // 输出 "Hacked!"

如何规避陷阱？

1. 使用 "use strict"; 严格模式。

2. 优先使用 === 和 !==。

3. 用 let 和 const 替代 var。

4. 理解异步模型（Promise/Async Await）。

5. 使用现代工具（如 TypeScript、ESLint）规避常见错误。

6. 
   

JavaScript 的灵活性既是优势也是风险，深入理解其机制是避免陷阱的关键。