JavaScript 中的 this 指向问题一直是开发者，尤其是初学者容易困惑的地方。传统的函数定义方式中， this
的值取决于函数的调用方式，这经常导致 this 指向与预期不符，从而引发各种 bug。ES6 引入的箭头函数，除了语法更简洁之外，最大的特点就是
绑定了词法作用域的 this ，即 this 的值取决于箭头函数定义的位置，而不是调用时的上下文。这一特性使得箭头函数成为解决 this 绑定问题的利器。
今天分享下 7 个比较常见的箭头函数的实用场景，掌握它们，你就能解决 80% 的 this 绑定问题，写出更简洁、更易维护的代码。
1. 对象方法中的 this
在对象方法中使用普通函数， this 指向的是调用该方法的对象。但如果在方法内部还有嵌套函数，那么嵌套函数中的 this
就会指向全局对象（非严格模式下）或 undefined （严格模式下）。
问题代码：
解决方案： 使用箭头函数， this 会绑定到定义时的上下文，也就是 obj 对象。
2. 事件回调中的 this
在事件处理函数中， this 通常指向触发事件的元素。如果使用普通函数， this 指向的是事件目标，而非我们期望的对象。
问题代码：
解决方案： 使用箭头函数， this 会绑定到定义时的上下文，即 myButton 对象。
3. 构造函数中的 this (不推荐在构造函数中使用箭头函数)
虽然箭头函数也可以在构造函数中使用，但 不推荐 。因为箭头函数的 this 绑定无法被 new 关键字修改，会导致 this
指向外部的上下文，而不是新创建的对象实例。
问题代码：
解决方案： 在构造函数中，应使用普通函数来确保 this 正确指向新创建的对象实例。
4. 在原型方法中使用 this
与构造函数类似，在原型方法中使用箭头函数也会导致 this 指向错误。原型方法中的 this
应该指向实例对象，而箭头函数会绑定到定义时的上下文。
问题代码：
解决方案： 在原型方法中，应使用普通函数来确保 this 正确指向实例对象。
5. 数组方法中的回调函数
在 map 、 filter 、 reduce 等数组方法中，如果回调函数是普通函数， this
的指向会根据函数的调用方式而定，通常不是我们期望的上下文。
问题代码：
解决方案： 使用箭头函数， this 会绑定到定义时的上下文，即 myObject 对象。
6. 延迟执行函数中的 this (例如 setTimeout 、 setInterval )
在 setTimeout 或 setInterval 的回调函数中， this 通常指向全局对象（非严格模式）或 undefined （严格模式）。
问题代码：
解决方案： 使用箭头函数， this 会绑定到定义时的上下文，即 myObj 对象。
7. 需要动态 this 的场景 (避免使用箭头函数)
虽然箭头函数通过绑定词法作用域的 this ，有效地解决了传统函数中 this 指向不明的问题，但也有一些场景下，我们需要 this
能够动态绑定到不同的对象，这时就 不应该 使用箭头函数。
例如，当我们需要使用 call 、 apply 或 bind 方法来改变函数的 this
指向时，箭头函数就无法满足需求，因为它的 this 已经被绑定到定义时的上下文，无法更改。