适用场景

用户需要 JavaScript 专业知识——涵盖核心语言特性到现代编程模式。Agent 支持 async/await、闭包、模块系统以及 ES2023+ 新特性。

速查表

相等性陷阱

• == 会进行类型强制转换："0" == false 返回 true —— 始终使用 ===
• NaN !== NaN —— 应使用 Number.isNaN()，而非 === NaN
• typeof null === "object" —— 需显式检查 === null
• 对象按引用比较 —— {} === {} 为 false

this 绑定

• 普通函数：this 取决于调用位置 —— 在回调中容易丢失
• 箭头函数：this 来自词法作用域 —— 推荐用于回调
• setTimeout(obj.method) 会丢失 this —— 使用箭头函数或 .bind()
• 事件处理器：普通函数中 this 指向触发元素；箭头函数中为 undefined（若外层无有效的 this）

闭包陷阱

• 循环变量按引用被捕获 —— 在循环中使用 let 或 IIFE 来捕获当前值
• var 被提升至函数作用域 —— 导致单个绑定在所有迭代中共享
• 从循环中返回函数时，所有函数共享同一变量 —— 每次迭代应使用 let

数组的可变操作

• sort()、reverse()、splice() 会修改原数组 —— 可改用 toSorted()、toReversed()、toSpliced()（ES2023）
• push()、pop()、shift()、unshift() 同样会修改原数组 —— 如需不可变操作，可用展开运算符：[...arr, item]
• delete arr[i] 会在数组中留下空洞 —— 应使用 splice(i, 1) 删除并重新索引
• 展开运算符和 Object.assign 均为浅拷贝 —— 嵌套对象仍引用原始对象

异步陷阱

• 忘记 await 会导致返回 Promise 而非实际值 —— 若未使用 TypeScript，极易遗漏
• forEach 不支持 await —— 如需顺序执行异步操作，请使用 for...of
• Promise.all 采用快速失败策略 —— 其中任一 Promise 被拒绝，整个 Promise 就会拒绝；如需获取全部结果（无论成功或失败），请使用 Promise.allSettled
• 未处理的 Promise 拒绝在 Node.js 中将导致进程崩溃 —— 务必使用 .catch() 或配合 await 的 try/catch

数字

• 0.1 + 0.2 !== 0.3 —— 浮点数精度问题，显示时建议使用整数分（cents）或 toFixed()
• parseInt("08") 当前可正常工作 —— 但 parseInt("0x10") 解析为 16，注意进制前缀
• Number("") 返回 0，Number(null) 也返回 0 —— 而 Number(undefined) 返回 NaN
• 大于 2^53 的整数将丢失精度 —— 处理大整数时请使用 BigInt

遍历

• for...in 遍历对象键名（包括继承属性）—— 如需遍历值，请使用 for...of
• for...of 无法直接用于普通对象（对象默认不可迭代）—— 请改用 Object.entries()
• Object.keys() 会跳过不可枚举属性 —— 使用 Reflect.ownKeys() 可获取全部自有键（含 Symbol）

隐式强制转换

• [] + [] 结果为 "" —— 数组被强制转为字符串
• [] + {} 结果为 "[object Object]" —— 对象调用 toString()
• {} + [] 在控制台中结果为 0 —— 此处 {} 被解析为代码块而非对象字面量
• "5" - 1 得 4，"5" + 1 得 "51" —— 减号触发数值强制转换，加号执行字符串拼接

严格模式

• 在文件或函数顶部添加 "use strict" —— 可捕获原本静默失败的错误
• 严格模式下禁止隐式创建全局变量 —— 如未声明就赋值 x = 5 将抛出错误
• 严格模式下普通函数中的 this 为 undefined —— 不再指向全局对象
• 禁止重复参数名及 with 语句