javascript - es6 类和 "this"以及事件处理程序

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 7 年前。

在使用一些 es6 时遇到了一个我不知道如何解决的问题。考虑以下因素

class Foo {
 constructor ( ) {
   window.addEventListener('scroll', this.watch);
 }

 watch ( ) {
   console.log(this);
 }
}

watch内部, this是window对象，正如预期的那样。但我该如何引用Foo ？目前我用bind this.watch.bind(this) 解决了这个问题但我很想知道是否有更“合适”的 ES6 方法来实现这一点。

Answer 1

您可以使用箭头功能。

An arrow function expression (also known as fat arrow function) has a shorter syntax compared to function expressions and lexically binds the this value.

window.addEventListener('scroll', () => this.watch());