typescript中类型声明中的额外管道是什么意思

Question

最近我宣布了一个类型——

interface SomeType {
  property: {
    a: number;
    b: string;
  } | undefined;
}

但是当我保存类型时，vscode（可能更漂亮）将其转换为-

interface SomeType {
  property:
    | {
        a: number;
        b: string;
      }
    | undefined;
}

所以，你看到有一个额外的| property键后的符号。 那到底是什么呢？ 谁能描述这种行为？

注意：只有当我设置property: {a: number; b: string;} | undefined; property: {a: number; b: string;} | undefined; . 如果| undefined | undefined没有设置那么一切都是一样的。

Answer 1

行为与没有前导|完全相同。 . 这只是一种风格选择。 例如，它允许

let foo:
  | 'a'
  | 'b'
  | 'c';

而如果语法不允许前导| ，它必须看起来像

let foo:
    'a'
  | 'b'
  | 'c';

这可能会磨伤某些人的齿轮。