Flowtype：从工厂函数中导出类

Question

如何导入从工厂函数导出的类型？ （注意，这适用于 angularJS 工厂，所以我们不能改变它的工作方式......很多）这就是我想要做的例如：

Person.js

// @flow

export default function personFactory(): Person {
  class Person {
    name: string;

    constructor(name: string) {
      this.name = name;
    }
  }

  return Person;
}

Employee.js

// @flow

// This won't work since the default export is the factory function
// but bare with me.
import type PersonType from './Person';

employeeFactory.$inject = ['Person'];
export default function employeeFactory(Person: PersonType): Employee {
  class Employee extends Person {
    job: string;     

    constructor(name: string, job: string) {
      super(name);

      this.job = job;
    }
  }

  return Employee;
}

现在，有没有办法在工厂函数中导出类而不必复制类型声明？

Answer 1

这里的问题是在工厂内声明的类不在工厂外的范围内。每次调用工厂时都会创建它们，因此实际上没有任何方法可以引用它们。我们需要做的是在 Factory 之外声明一些带有我们关心的类型信息的东西。

这里有两个建议

使用接口

这里的缺点是您要重新声明某些类型。好处是它没有任何运行时效果，而且非常干净。

// @flow
export interface IPerson {
  name: string;
}

export default function personFactory(): Class<IPerson> {
  class Person {
    name: string;

    constructor(name: string) {
      this.name = name;
    }
  }

  return Person;
}

使用类

这里的缺点是你搞乱了类层次结构。好处是代码重用

// @flow
class PersonBase {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
}
export type Person = typeof PersonBase;

export default function personFactory(): Class<PersonBase> {
  class Person extends PersonBase {}

  return Person;
}