introduzione

In questo articolo impareremo argomenti molto comuni Generici e sindacati.

Tipi compositivi

In TypeScript, puoi creare tipi complessi combinando quelli semplici. Ci sono due modi popolari per farlo: con U nions e con G enerics .

Sindacati

Con l'aiuto di Unions, puoi dichiarare che il tipo può avere più valori e può accettare uno qualsiasi dei valori. Ad esempio, puoi descrivere un booleantipo come uno trueo false:

type myBool = true | false;

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

I generici in TypeScript consentono di scrivere codice riutilizzabile che può funzionare con più tipi. Consentono di definire una funzione, una classe o un'interfaccia che può funzionare con qualsiasi tipo, senza specificare il tipo esatto finché non viene utilizzato il codice. Per esempio:

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

Quando si chiama questa funzione, si specifica il tipo con cui T deve essere sostituito utilizzando parentesi angolari e fornendo un tipo. Per esempio:

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

Per utilizzare questa classe, è necessario creare un'istanza della classe e specificare il tipo, ad esempio:

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

Utilizzando più G enerics , puoi creare componenti più versatili e potenti che possono funzionare con una varietà di tipi diversi, il che può rendere il tuo codice più flessibile e gestibile.

Conclusione

In conclusione, G enerics in TypeScript è un potente strumento per la creazione di componenti riutilizzabili e versatili che possono funzionare con una varietà di tipi. Utilizzando le parentesi angolari <>per definire i tipi di segnaposto, è possibile creare tipi generici, funzioni, classi e interfacce che possono essere specificate in un secondo momento.

Con la possibilità di utilizzare più tipi generici, puoi creare componenti ancora più potenti e versatili in grado di gestire una varietà di tipi diversi.

Padroneggiando l'uso di Generics in TypeScript, puoi portare il tuo codice al livello successivo di riusabilità e manutenibilità.

Controlla le altre parti della serie TypeScript sul mio profilo medio.
https://medium.com/@vikaskum660.

Resta sintonizzato per altri articoli come questo e seguimi su Linkedin e Twitter per rimanere aggiornato sulla Parte 4.