如何避免TypeScript mixins出现“未解决的函数”错误？

Question

当我在TypeScript类上使用Durandal的Events.includeIn() mixin方法时，WebStorm报告了一个未解析的函数：

class Foo {
  bar() {
    ...
    this.trigger('myEvent', payload);  // trigger is unresolved function
    ...
  }
}

Events.includeIn(Foo);

有没有办法解决这个问题而不使用WebStorm来抑制每个未解析的调用？

Answer 1

为了在Foo类上调用trigger方法，您需要通知TypeScript编译器有关trigger方法的信息。 您可以通过声明后， 将存在方法做到这一点includeIn类定义调用：

class Foo {

  // I'm not sure of the exact parameter/return types
  trigger: (eventName: string, payload: any) => void;

  bar() {
    ...
    this.trigger('myEvent', payload);  // now this function exists
    ...
  }
}

Events.includeIn(Foo);