Typescript 索引签名 class 扩展 class

Question

我尝试使用 Typescript 构建块编辑器。 我的问题如下...

我有这个：

class A {...}

class B extends A {...}
class C extends A {...}
class D {...}

interface AConstructable {
  new (): A;
}
interface AElements {
  [name: string]: AConstructable
}
enter code here
const test: AElements = {
  blockB: B // ??? this takes B, but have type A :/ 
}

我需要这个：

const test: AElements = {
  blockB: B // ok!
  blockC: C // error
}

const x1 = new test['blockB'](...) // return B class instance

我尝试了上面最接近的不同方法，但我不知道如何咬它。 可能吗？

Answer 1

在 typescript 中，任何扩展类型的东西都可以分配给该类型。 您要求AElements的每个属性都是返回A的构造函数。 返回B或C ，因为所有B和C也是A

在blockC上出现错误的唯一原因是缺少逗号。 这段代码实际上很好：

const test: AElements = {
  blockB: B,
  blockC: C
}

但是该代码仍会将new test.blockB()构造的值显示为A ，因为我们没有保留任何有关属性的单独信息。

为了保持各个属性值的类型，同时还强制它们扩展A ，您可以通过标识 function 创建test 。 使用 function 允许推断块 B 和blockC的确切类型并保留它们，同时还要求blockB符合索引签名。

const checkObject = <T extends {}>(obj: T & AElements): T & AElements => obj;

const test = checkObject({
  blockB: B,
  blockC: C
});

const x1 = new test['blockB']() // return B class instance

Typescript 游乐场链接