将带有“this”的正确上下文从类传递到外部方法-解网

问：

假设我有一个非常简单的类，它扩展了其他类，以及一个要传递给类 B 的函数对象

const actions = {
   doSomething: (this: B, foo: boolean) => {
      console.log('from do something', this.text, foo);
   }
}
class B {
  actions = actions;
  text: string;
  constructor() {
    this.text = 'abc';
  }
}
class A extends B {
   runAction(foo) {
      this.actions.doSomething(false);
   }
}


const instance = new A();
instance.runAction(); // 'from do something, undefined, false'

TS 编译器还说从内部调用时上下文不正确thisrunAction

有没有更好的方法可以做到这一点？

我们有 500 多个操作，我们希望为每个操作提供对类数据的访问，并且不希望通过所有操作传递参数。

JavaScript TypeScript 类这个

使用的调用方法。但是是带有方法的普通对象 - 而不是实例本身。您将需要改用，以及将箭头函数更改为常规函数/方法，以便它可以捕获不同的 .参数也应该被键入（或删除）。thisthis.actionsthis.actionsdoSomething.calldoSomethingthisfoo

在里面打字也很有用，尽管并不总是必要的。thisrunAction

const actions = {
   doSomething(this: B, foo: boolean) {
      console.log('from do something', this.text, foo);
   }
}
class A extends B {
   runAction(this: A) {
      this.actions.doSomething.call(this, false);
   }
}

将带有“this”的正确上下文从类传递到外部方法

Passing correct context with "this" to external method from class

评论

评论