javascript - 当方法分配给变量时，ES6 失去作用域

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

已关闭 6 年前。

我发现了意想不到的行为。谁能解释为什么当方法引用变量时“this”会丢失，如下例所示？

class Foo {
  static bar() {
   return 'bar'; 
  }
  
  baz() {
   return this.constructor.bar(); 
  }
}

const foo = new Foo();

foo.baz(); // works fine

const baz = foo.baz;

baz(); // TypeError: Cannot read property 'constructor' of undefined

要点:https://gist.github.com/sznowicki/c076c52a0242c77a3044f4a79e9af4c3

Answer 1

而不是:

const baz = foo.baz;

你可以这样做:

const baz = foo.baz.bind(foo);

这将确保运行时在方法调用中 foo 绑定(bind)到 this:

baz();

请参阅文档以获取更多信息:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind