Typescript可选字段vs可以不确定的字段

Question

optional字段和T | undefined字段之间有什么区别？

export interface Demo {
  field1: string | undefined
  field2?: string
}

Answer 1

当您尝试使用Demo类型初始化对象时，具有可选字段将不需要您包括该特定属性。

在Scenerio A中，字段1是union type，它允许属性包含类型为string或undefined的值。

export interface Demo {
  field1: string | undefined;
}

当您尝试初始化类型为Demo的对象时，需要显式包括属性field1，并在接口上定义所需的类型。

demo: Demo = {
  field1: undefined
}

在方案B中，field2是optional property，

export interface Demo {
  field2?: string;
}

当您定义类型为field2的对象时，不需要包括属性Demo。

demo: Demo = {}