javascript - 调用存储在变量中的方法而不指定 this

Question

这个问题已经有答案了:

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

已关闭 4 年前。

考虑以下代码。

class Foo {
  num = 0;
  bar = function(arg) {
    console.log(this.num + arg);
  }
}

const foo = new Foo();
const bar = foo.bar;

foo.bar(1);

bar(2);

bar.call(foo, 3);

foo.bar(1);日志1 .

bar(2);抛出Uncaught TypeError: Cannot read property 'num' of undefined .

bar.call(foo, 3);日志3 .

有没有办法存储函数foo.bar以这样的方式在变量中调用它，而无需指定 this对象？

我知道以下内容会起作用。

const foobar = function(arg) {
  foo.bar(arg);
}

有没有办法避免创建中间函数？我想将方法​​作为参数传递给另一个函数，并且必须创建大量中间函数确实会降低代码的可读性。

Answer 1

用箭头函数定义字段；这将使 this 引用该实例:

bar = (arg) => {
  console.log(this.num + arg);
}