Wstęp

W tym artykule dowiemy się o bardzo powszechnym temacie Generics i Unions.

Typy komponowania

W TypeScript możesz tworzyć złożone typy, łącząc proste. Można to zrobić na dwa popularne sposoby: za pomocą Unions i Generics .

Związki

Za pomocą Unions możesz zadeklarować, że typ może mieć wiele wartości i może akceptować dowolną z nich. Na przykład możesz opisać booleantyp jako albo truealbo false:

type myBool = true | false;

type windowStates = "open" | "closed" | "minimized";
type positiveNumber = 1 | 3 | 5 | 7 | 9;

Typy generyczne w TypeScript umożliwiają pisanie kodu wielokrotnego użytku, który może współpracować z wieloma typami. Pozwalają zdefiniować funkcję, klasę lub interfejs, który może działać z dowolnym typem, bez określania dokładnego typu, dopóki kod nie zostanie użyty. Na przykład:

function identity<T>(arg: T): T {
    return arg;
}

Gdy wywołujesz tę funkcję, określasz typ, którym T ma zostać zastąpiony, używając nawiasów ostrych i podając typ. Na przykład:

let output = identity<string>("myString"); // type of output will be 'string'
let output = identity<number>(1);  // type of output will be 'number'

class GenericNumber<T> {
    zeroValue: T;
    add: (x: T, y: T) => T;
}

Aby użyć tej klasy, musisz utworzyć instancję klasy i określić typ, na przykład:

let myGenericNumber = new GenericNumber<number>();
myGenericNumber.zeroValue = 0;
myGenericNumber.add = function(x, y) { return x + y; };

class MyClass<T, U> {
    constructor(public arg1: T, public arg2: U) {}
}

let myClass = new MyClass<string, number>("hello", 5);

Używając wielu generyków , możesz tworzyć bardziej wszechstronne i wydajne komponenty, które mogą współpracować z wieloma różnymi typami, co może sprawić, że Twój kod będzie bardziej elastyczny i łatwiejszy w utrzymaniu.

Wniosek

Podsumowując, generyczne w TypeScript są potężnym narzędziem do tworzenia uniwersalnych komponentów wielokrotnego użytku, które mogą współpracować z różnymi typami. Używając nawiasów ostrokątnych <>do definiowania typów symboli zastępczych, można tworzyć typy ogólne, funkcje, klasy i interfejsy, które można określić w późniejszym czasie.

Dzięki możliwości korzystania z wielu typów ogólnych można tworzyć jeszcze potężniejsze i wszechstronne komponenty, które mogą obsługiwać wiele różnych typów.

Dzięki opanowaniu użycia Generics w TypeScript możesz przenieść swój kod na wyższy poziom możliwości ponownego użycia i konserwacji.

Sprawdź pozostałe części serii TypeScript na moim średnim profilu.
https://medium.com/@vikaskum660.

Bądź na bieżąco z kolejnymi tego typu artykułami i śledź mnie na Linkedin i Twitterze , aby być na bieżąco z częścią 4.