将使用this的类方法传入另一类时this指向异常的解决方法

你的推测方向正确，但更准确的原因是：当你将this.printField作为参数传递给A的构造函数时，它被剥离了B实例的上下文，变成了一个独立的函数引用。在A的构造函数中直接调用这个函数时，由于类内部默认启用严格模式，this会变成undefined，自然无法读取this.field。

以下是三种常用的修复方式：

1. 使用bind显式绑定this #

通过bind方法将printField的this固定绑定到B的实例上，确保无论函数在哪里被调用，this都指向原实例：

class A {
  constructor(func) {
    func();
  }
}

class B {
  constructor() {
    this.field = "hello";
    new A(this.printField.bind(this));
  }

  printField() {
    console.log(this.field);
  }
}

new B(); // 输出：hello

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

箭头函数会继承外层作用域的this，这里外层是B的构造函数，所以this指向B实例。通过箭头函数包裹后，调用printField时会自动保留正确的上下文：

class A {
  constructor(func) {
    func();
  }
}

class B {
  constructor() {
    this.field = "hello";
    new A(() => this.printField());
  }

  printField() {
    console.log(this.field);
  }
}

new B(); // 输出：hello

3. 将方法定义为类字段箭头函数 #

在类中直接用箭头函数定义方法，这样方法的this会永久绑定到类实例，无需额外处理：

class A {
  constructor(func) {
    func();
  }
}

class B {
  constructor() {
    this.field = "hello";
    new A(this.printField);
  }

  // 箭头函数形式的类方法
  printField = () => {
    console.log(this.field);
  }
}

new B(); // 输出：hello

各方案特点说明 #

• bind方式：显式绑定，不会创建新函数，适合需要复用同一个函数引用的场景。
• 箭头函数包裹：临时绑定写法简单，适合一次性传递的场景，但每次传递都会创建新的箭头函数。
• 类字段箭头函数：实例化时绑定，写法简洁，但每个类实例都会生成独立的函数副本，内存占用略高。

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