打字稿：组合类型上不存在属性？

Question

以下抽象的TS场景：

interface EmotionsOkay {
  emotion: string;
  okay: "yap";
}
interface EmotionsNotOkay {
  emotion: string;
}
type UndetereminedEmotion = EmotionsOkay | EmotionsNotOkay;
const areYouOkay = (test: UndetereminedEmotion) => {
  console.log(test.okay ? "happy :D" : "sad D:");
};

在控制台记录test.okay时抛出 TypeScript 错误，因为它显然不存在。

Property `okay` does not exist on type `UndetereminedEmotion`.

即使它很可能存在，如果传递给方法的测试是EmotionsOkay类型。

为什么会发生这种情况？

Answer 1

在这一点上，TS 不知道它是什么类型，它可能是EmotionsOkay ，一切都会好的，或者可能是EmotionsNotOkay ，并且属性okay不存在。 这就是您收到此错误的原因。 您需要验证它是哪种类型。

您可以使用in关键字来验证，

interface EmotionsOkay {
  emotion: string;
  okay: "yap";
}
interface EmotionsNotOkay {
  emotion: string;
}
type UndetereminedEmotion = EmotionsOkay | EmotionsNotOkay;
const areYouOkay = (test: UndetereminedEmotion) => {
  console.log('okay' in test && test.okay ? "happy :D" : "sad D:");
};

如果你一开始就没有okay财产，你就不会快乐。

如果您想知道为什么在这种情况下不能使用instanceof ，请查看此问题

这里是游乐场

Answer 2

您可以使用Typescript 类型断言（如在其他语言中进行转换）。

interface EmotionsOkay {
  emotion: string;
  okay: "yap";
}
interface EmotionsNotOkay {
  emotion: string;
}
type UndetereminedEmotion = EmotionsOkay | EmotionsNotOkay;
const areYouOkay = (test: UndetereminedEmotion) => {
  console.log((test as EmotionsOkay).okay ? "happy :D" : "sad D:");
  // or
  console.log((<EmotionsOkay>test).okay ? "happy :D" : "sad D:");
};