在我们的工厂加载器模式中获取正确的返回类型值

Question

以下示例正在运行（在 JavaScript 中），但我无法在 TypeScript 中获得正确的返回类型。 取决于工厂 object，应该知道“func”function 的正确返回类型。

我们希望使用这种模式来动态添加和获取 DataLoaders。

class Dog {
  bark() { console.log("wuff")}
}
class Cat {
  miau() { console.log("miau")}
}

class FactoryItem<T extends () => {}> {
  constructor(public func: T) {}
}

class Factories {
  factories = new Map();
  
  add<T extends () => {}> (factories: FactoryItem<T>) {
    this.factories.set(factories,factories.func())
  }

  get<T extends FactoryItem<()=>{}>>(factory:T):ReturnType<typeof factory.func> {  // this is not working
    return this.factories.get(factory)
  }
}

const factoryA = new FactoryItem(() => new Dog());
const factoryB = new FactoryItem(() => new Cat());

const factories = new Factories();
factories.add(factoryA)
factories.add(factoryB)

factories.get(factoryA).bark(); // typescript is not happy
//factorys.get(factoryB).bark(); // this must fail
factories.get(factoryB).miau(); // typescript is not happy

Answer 1

在这个函数的返回类型中——

  get<T extends FactoryItem<()=>{}>>(factory: T):ReturnType<typeof factory.func> {  // this is not working
    return this.factories.get(factory)
  }

您声称get的返回类型是factory.func的返回类型 - 但这只是一个不依赖于泛型类型的常量类型。

如果您希望您的返回类型受泛型类型的影响 - 您必须使用泛型类型，即T -

  get<T extends FactoryItem<()=>{}>>(factory: T):ReturnType<T['func']> {
    return this.factories.get(factory)
  }

请记住，在使用泛型 function 期间泛型的上下文仅由泛型类型（在本例中为T ）捕获 - 因此，任何时候您想要基于捕获的上下文构造类型，您需要按照以下方式进行操作泛型类型参数（在本例中为T ）。

这是游乐场链接