JavaScript入门易但真写对难，因运行环境、隐式规则和调试方式独特；需关注执行时序、作用域、异步、hoisting、this、闭包、TDZ、DOM加载时机、事件委托、默认行为、类型松散及引用传递等核心陷阱。
JavaScript 不难入门，但容易在「看似会了」和「真能写对」之间卡住——问题不在语言本身，而在它运行的环境、隐式规则和调试方式和你以前学的编程语言完全不同。
为什么 console.log 输出和预期不一致？
这不是代码写错了，而是 JavaScript 的执行时序和作用域机制在起作用。比如异步操作、变量提升（hoisting）、this 绑定、闭包捕获的值，都会让 console.log 显示“奇怪”的结果。
- 遇到输出不对，先别改逻辑，用
debugger断点或浏览器 DevTools 的 “Sources” 面板单步执行 - 检查变量声明方式：
var有提升，let/const有暂时性死区（TDZ），直接访问会报ReferenceError - 异步回调里的
console.log一定晚于同步代码执行，哪怕它写在前面
addEventListener 绑了但没反应？
最常见原因是 DOM 元素还没加载完就执行了绑定代码，或者事件委托目标选错了。
- 确保脚本放在
</body>前，或用DOMContentLoaded事件包裹初始化逻辑 - 如果用事件委托（比如给动态生成的按钮绑点击），检查
event.target是否匹配你的判断条件，别只看event.currentTarget - 注意默认行为：表单提交、链接跳转会触发页面刷新，掩盖了事件处理函数是否执行——加
event.preventDefault()再试
对象和数组操作总出 undefined 或 TypeError？
JavaScript 的松散类型 + 隐式转换 + 引用传递特性，让数据访问特别容易“掉坑里”。不是语法错，是值没按你想的那样存在。
立即学习“Java免费学习笔记（深入）”；
-
obj?.prop（可选链）和obj?.[key]能避免很多Cannot read property 'x' of undefined - 用
Array.isArray(val)判断数组，别信typeof val === 'object'——数组也是 object - 修改状态时别直接改原数组/对象：用
[...arr, newItem]、{...obj, key: newVal}，否则 React 或其他依赖响应式的库会失效
真正卡人的地方，往往不是某个语法记不住，而是你不知道该去查哪一层文档：是浏览器 API 行为？V8 引擎实现细节？还是 ECMAScript 规范定义？遇到问题先锁定错误发生的最小上下文，再决定查 MDN、CanIUse 还是 Node.js 文档。
