Was bedeutet die Pipe (|) im Typoskript?

Beim Durchsuchen eines Typoskriptcodes von habe @ng-bootstrapich den |Operator pipe ( ) gefunden.

export declare const NGB_PRECOMPILE: (typeof NgbAlert | typeof NgbTooltipWindow)[];

Was ist die Verwendung des Pipe ( |) - Operators in Typoskript?

Dies wird als Union - Typ in Typoskript.

Ein Vereinigungstyp beschreibt einen Wert, der einer von mehreren Typen sein kann.

Pipe ( |) wird verwendet, um jeden Typ zu trennen. Dies ist beispielsweise number | string | booleander Typ eines Werts, der a number, a stringoder a sein kann 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'

Spielplatz

Und hier ist ein Beispiel ähnlich dem in der Frage:

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

xist ein Array, das Konstruktoren von Test1 oder enthält Test2 .

Die Pipe steht für 'oder'. In diesem Zusammenhang heißt es also, dass jeder der deklarierten Typen zulässig ist. Vielleicht ist es leicht, eine Vereinigung mit primitiven Typen zu verstehen:

let x: (string | number);

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