javascript - TypeScript：扩展界面和悬停提示

Question

我正在 VSCode 中使用 TypeScript。我有三个接口：和A，每个接口都有两个属性。扩展和.BCCAB

interface A {
  A1: boolean;
  A2: boolean;
}

interface B {
  B1: boolean;
  B2: boolean;
}

interface C extends A, B {
  C1: boolean;
  C2: boolean;
}

const ABC: C = {
  A1: true,
  A2: true,
  B1: true,
  B2: true,
  C1: true,
  C2: true,
};

console.log(ABC);

当我悬停时，C我只看到它自己的属性。

这不方便，因为当我C用于任何对象时，我无法在代码库中看到整个界面。

这是故意的吗？

标签： javascripttypescriptvisual-studio-codeinterface

Answer 1

这是因为，否则在扩展更复杂的界面（如HTMLELement）时，您的预览会因与您的界面不相关的属性而变得臃肿。如果您真的需要 的所有可用属性的索引C，只需编写ABC.（当没有任何反应时尝试ctrl+space）。或ctrl+click继续C查看其声明并进一步了解A或B检查这些声明。