类方法用作回调时this为undefined，如何访问类成员myField？

你遇到的问题核心是JavaScript中类的普通方法不会自动绑定到实例，和C#的行为不同。当你把a.myMethod作为参数传递给B的构造函数时，这个方法和实例a的绑定关系被切断了，直接调用myFunc()时，在类默认的严格模式下，this会变成undefined，自然无法读取myField。

下面是几种可行的解决方式：

1. 使用bind手动绑定this #

传递方法时，用bind把this固定指向a实例：

const a = new A("Hello");
const b = new B(a.myMethod.bind(a));

bind会返回一个新函数，这个函数的this永远指向传入的a，调用时不会丢失绑定。

2. 用箭头函数包裹方法调用 #

通过箭头函数包裹原方法调用，箭头函数的this会继承外层作用域的this（这里就是全局作用域中的a）：

const a = new A("Hello");
const b = new B(() => a.myMethod());

这种方式更灵活，适合需要额外传参的场景。

3. 在类的构造函数中提前绑定方法 #

在A的构造函数里，把myMethod的this绑定到当前实例，这样后续传递方法时就不会丢失绑定：

class A {
  myField;

  constructor(myField) {
    this.myField = myField;
    // 提前绑定this到实例
    this.myMethod = this.myMethod.bind(this);
  }

  myMethod() {
    console.log(this.myField);
  }
}

4. 使用类字段定义箭头函数方法 #

把myMethod定义为类字段形式的箭头函数，箭头函数的this会始终指向类的实例：

class A {
  myField;

  constructor(myField) {
    this.myField = myField;
  }

  // 箭头函数作为类字段，this永久绑定实例
  myMethod = () => {
    console.log(this.myField);
  }
}

这种方式写法简洁，不需要手动绑定，但要注意类字段是ES6+的语法，确保环境支持。

内容的提问来源于stack exchange，提问作者Michael Haddad