打字稿中的管道（|）是什么意思？

这在打字稿中称为 union type。

联合类型描述的值可以是多种类型之一。

管道 (|) 用于分隔每种类型，例如 number | string | boolean 是可以是 number、string 或 boolean 的值的类型。

let something: number | string | boolean;

something = 1; // ok
something = '1'; // ok
something = true; // ok
something = {}; // Error: Type '{}' is not assignable to type 'string | number | boolean'

Playground

这是一个类似于问题中的示例：

class Test1 {
    public a: string
}

class Test2 {
    public b: string
}

class Test3 {
}

let x: (typeof Test1 | typeof Test2)[];

x = [Test1]; //ok
x = [Test1, Test2]; //ok
x = [Test3]; //compilation error

x 是一个数组，其中包含 Test1 或 Test2 的构造函数。

---

管道代表“或”。因此，在这种情况下，它表示允许任何一种声明的类型。也许很容易理解原始类型的联合：

let x: (string | number);

x = 1; //ok
x = 'myString'; //ok
x = true; //compilation error for a boolean

---

每当我们在参数上使用 OR 运算符时，这就是该操作在幕后发生的事情，以限制我们可以实际引用的不匹配属性的数量。所以任何时候我们使用这个或操作符类型的脚本都会看看这两种不同的类型，它会说你只能引用那个参数上的属性，如果它们同时存在于这两种不同的类型中。

class Test1 {
    public a: string|undefined;
    public b: string|undefined
}

class Test2 {
    public b: string|undefined
}

let x:  Test1 |  Test2 ;
x= new Test1();
x.a    //compilation error :Property 'a' does not exist on type 'Test1 | Test2'. Property 'a' does not exist on type 'Test2'.
x.b    //ok
x= new Test2();
x.a    //compilation error :Property 'a' does not exist on type 'Test2'..
x.b    // ok

---