Introdução

Neste artigo, aprenderemos sobre tópicos muito comuns Genéricos e Uniões.

Tipos de composição

No TypeScript, você pode criar tipos complexos combinando tipos simples. Existem duas maneiras populares de fazer isso: com Uniões e com Genéricos .

sindicatos

Com a ajuda de Unions, você pode declarar que o tipo pode ter vários valores e pode aceitar qualquer um dos valores. Por exemplo, você pode descrever um booleantipo como sendo trueou false:

type myBool = true | false;

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

Os genéricos no TypeScript permitem escrever código reutilizável que pode funcionar com vários tipos. Eles permitem que você defina uma função, classe ou interface que pode funcionar com qualquer tipo, sem especificar o tipo exato até que o código seja usado. Por exemplo:

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

Ao chamar essa função, você especifica o tipo pelo qual T deve ser substituído usando colchetes angulares e fornecendo um tipo. Por exemplo:

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 classe, você precisaria criar uma instância da classe e especificar o tipo, por exemplo:

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

Usando vários genéricos , você pode criar componentes mais versáteis e poderosos que podem funcionar com uma variedade de tipos diferentes, o que pode tornar seu código mais flexível e fácil de manter.

Conclusão

Em conclusão, G enerics in TypeScript é uma ferramenta poderosa para criar componentes reutilizáveis ​​e versáteis que podem funcionar com uma variedade de tipos. Ao usar colchetes angulares <>para definir tipos de espaços reservados, você pode criar tipos, funções, classes e interfaces genéricos que podem ser especificados posteriormente.

Com a capacidade de usar vários tipos genéricos, você pode criar componentes ainda mais poderosos e versáteis que podem lidar com uma variedade de tipos diferentes.

Ao dominar o uso de genéricos no TypeScript, você pode levar seu código para o próximo nível de reutilização e manutenção.

Verifique as outras partes da série TypeScript em meu perfil médio.
https://medium.com/@vikaskum660.

Fique ligado para mais artigos como este e siga-me no Linkedin e no Twitter para ficar atualizado sobre a Parte 4.