Introducción

En este artículo aprenderemos sobre temas muy comunes Genéricos y Uniones.

Tipos de composición

En TypeScript, puede crear tipos complejos combinando tipos simples. Existen dos formas populares de hacerlo: con U nions y con G enerics .

sindicatos

Con la ayuda de Uniones, puede declarar que el tipo puede tener varios valores y puede aceptar cualquiera de los valores. Por ejemplo, puede describir un booleantipo como o truebien false:

type myBool = true | false;

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

Los genéricos en TypeScript le permiten escribir código reutilizable que puede funcionar con varios tipos. Le permiten definir una función, clase o interfaz que puede funcionar con cualquier tipo, sin especificar el tipo exacto hasta que se usa el código. Por ejemplo:

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

Cuando llama a esta función, especifica el tipo con el que se debe reemplazar T usando paréntesis angulares y proporcionando un tipo. Por ejemplo:

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

Para usar esta clase, necesitaría crear una instancia de la clase y especificar el tipo, por ejemplo:

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

Mediante el uso de múltiples genéricos , puede crear componentes más versátiles y potentes que pueden funcionar con una variedad de tipos diferentes, lo que puede hacer que su código sea más flexible y mantenible.

Conclusión

En conclusión, los genéricos en TypeScript son una herramienta poderosa para crear componentes reutilizables y versátiles que pueden funcionar con una variedad de tipos. Mediante el uso de corchetes angulares <>para definir tipos de marcador de posición, puede crear tipos genéricos, funciones, clases e interfaces que se pueden especificar en un momento posterior.

Con la capacidad de usar múltiples tipos genéricos, puede crear componentes aún más poderosos y versátiles que pueden manejar una variedad de tipos diferentes.

Al dominar el uso de Genéricos en TypeScript, puede llevar su código al siguiente nivel de reutilización y mantenimiento.

Consulte las otras partes de la serie TypeScript en mi perfil medio.
https://medium.com/@vikaskum660.

Estén atentos para más artículos como este y síganme en Linkedin y Twitter para mantenerse actualizado sobre la Parte 4.