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';

這可能會磨傷某些人的齒輪。