Unionstyper i TypeScript

Det händer att en variabel kan anta värden av olika typer. Du vet redan att man i så fall kan deklarera denna variabel med typen any.

Men det finns situationer då vi vet att variabeln endast kan anta värden av vissa specifika typer, och inte alla. Till exempel, kan den vara antingen en sträng eller ett nummer.

I det här fallet är det bättre att tillåta variabeln att endast acceptera de önskade typerna. Detta görs med hjälp av union-operatorn, som representeras av ett vertikalt streck.

Låt oss med denna operator tillåta en variabel att vara antingen en sträng eller ett nummer:

let test: string | number;

Låt oss testa - tilldela variabeln ett nummer:

test = 123;

Och nu tilldelar vi den en sträng:

test = 'abc';

Och nu tilldelar vi den ett booleskt värde:

test = true; // kommer att ge fel

Skapa en variabel som kan vara antingen ett nummer eller null.

Skapa en variabel som kan vara antingen ett nummer, en sträng eller ett booleskt värde.