?: 和 | 有什么区别？在 TypeScript 中未定义？

Question

我想知道，两者之间是否存在差异（实际或最佳实践明智）

interface Fruit {
  cost?: number;
}

和

interface Fruit {
  cost: number | undefined;
}

如果在行为方面存在实际差异，那是什么？

如果没有，为什么会更喜欢| undefined或?:（反之亦然）？

有点困惑，因为我两者都看过，并且不确定是否真的有真正的理由让一个人更喜欢另一个，或者它是否只是归结为偏好。

谢谢！

Answer 1

一个区别是cost: number | undefined; 要求属性存在，并且具有类型为numberor的值undefined。相反，cost?: number允许属性根本不存在。

这无法编译：

interface Fruit {
    cost: number | undefined;
}
const x: Fruit = {};

要使其正常工作，您必须执行以下操作：

interface Fruit {
    cost: number | undefined;
}
const x: Fruit = { cost: undefined };

但这成功了：

interface Fruit {
    cost?: number;
}
const x: Fruit = {};

undefined当有替代方案时，显式键入可能会很乏味，因此您可能更喜欢该cost?: number选项。