浪费我时间的 7 个 JavaScript 错误（以及如何纠正它们）

文章预览

JavaScript 是初学者友好的语言，简单易学……至少我刚开始是这么认为的。但随着时间的推移，深入了解后才发现，这门语言隐藏了一些非常棘手的陷阱。 我踩过不少这些坑，为了让你少走弯路，这里总结了最容易浪费时间的 7 个 JavaScript 错误，以及对应的解决方案。 1. 混用箭头函数和普通函数处理事件 箭头函数和普通函数对 this 的处理方式不同。普通函数中的 this 引用触发事件的元素，而箭头函数则保持 this 指向其定义时的环境。 建议 ： 如果需要 this 引用被点击的元素，用普通函数。 如果希望 this 保持原样，用箭头函数。 示例： // 普通函数：`this` 引用被点击的元素 element.addEventListener( 'click' ,  function ( )  {    this .classList.add( 'active' );  // 正常工作 }); // 箭头函数：`this` 保持定义时的环境 element.addEventListener( 'click' , () => {    th ………………………………