本文整理了 JavaScript 开发中的多个易错点，涵盖 DOM 操作、事件管理、选择器使用及代码规范。重点解析了 jQuery 清空输入值、重复绑定事件的处理、数组遍历的性能差异，以及 setTimeout 和 alert 的执行机制，帮助开发者提升代码质量与运行效率。
DOM 操作与基础语法规范
在清空 input 标签的值时，不应使用 html("") 方法，而应使用 val("") 来正确清空内容。
事件绑定与 jQuery 选择器使用
若对同一元素多次绑定事件，触发时回调函数会执行多次。建议将事件绑定的逻辑单独封装，或在每次重复绑定时先解绑旧事件。
当 jQuery 选择器返回对象数组时，必须使用 each 方法进行遍历操作。若直接在数组上操作，可能仅对第一个对象生效，无法实现完整遍历。
JavaScript 严格区分大小写，例如 if 误写为 If，toString() 误写为 tostring()，或 toUpperCase 误写为 toUppercase，均会导致错误。
使用 document.getElementById("") 时，务必确保括号内的参数包含引号，否则无法正确获取元素。
调用 setTimeout("函数", 延迟时间) 时，需将函数名用引号包裹，以确保正确解析。
数组遍历性能优化
数组遍历推荐使用 for 循环而非 for...in，因为后者效率较低。此外，频繁访问数组 length 属性会产生性能开销，最佳实践是将 length 赋值给局部变量以提升性能。
函数机制与执行顺序
函数在 JavaScript 中是核心对象，可作为参数传递。例如 setTimeout 的第一个参数即为一个函数引用。
程序执行顺序遵循从上到下原则。若遇到 alert，浏览器会暂停执行直至用户点击确定。若 script 位于 head 中且 alert 为全局调用，会优先弹出提示再加载 body 内容；若 alert 位于函数内部，则仅在函数被调用时生效。