como utilizar os generics? in typescript

Em TypeScript, os generics permitem criar componentes reutilizáveis e flexíveis ao lidar com diferentes tipos de dados. Eles fornecem uma maneira de parametrizar tipos em várias partes do seu código.

Para utilizar os generics em TypeScript, você pode usar a sintaxe <T>, onde T é o tipo genérico. Aqui está um exemplo básico de como utilizar os generics:

index.ts
function printArray<T>(array: T[]): void {
  for (let item of array) {
    console.log(item);
  }
}

let numbers: number[] = [1, 2, 3, 4, 5];
let strings: string[] = ["hello", "world"];

printArray(numbers); // Output: 1 2 3 4 5
printArray(strings); // Output: hello world
273 chars
12 lines

Neste exemplo, a função printArray é genérica, pois aceita um array de qualquer tipo T. O tipo do array passado é inferido automaticamente com base nos argumentos fornecidos. Dentro da função, podemos iterar sobre os elementos do array e imprimir cada um deles.

Os generics também podem ser usados em classes, interfaces e tipos personalizados. Aqui está um exemplo de utilização em uma classe:

index.ts
class Box<T> {
  private content: T;

  constructor(content: T) {
    this.content = content;
  }

  getContent(): T {
    return this.content;
  }
}

let numberBox = new Box<number>(10);
let stringBox = new Box<string>("hello");

console.log(numberBox.getContent()); // Output: 10
console.log(stringBox.getContent()); // Output: hello
336 chars
18 lines

Neste exemplo, a classe Box é genérica e pode armazenar qualquer tipo T. Ao instanciar a classe, podemos especificar o tipo do conteúdo a ser armazenado.

Espero que isso ajude você a entender como utilizar os generics em TypeScript!