일반 em Typescript

Neste post eu vou dar uma introdução sobre o que é e como usar generic em typescript.

Generic é um funcionalidade que permite criar:

구성 요소

기능

인터페이스

클래스

que aceitam uma Variade de tipos de dados ao invés de um.

Com o uso de generic damos a possibilidade da nossa função ser usada em diferentes situações, e removendo a duplicidade de codigo.

일반 aparecem em typescript dentro de colchetes anglees, no formato onde T vai representationar o tipo de dado.
일반적인 T 유형 T, T 유형 유형 T 포트는 퀄커 매개변수 또는 다양한 기능, 클래스 또는 인터페이스에 대한 사용 유형입니다.

예:

function info(value: string) {
  return value
}

Aqui temos um função normal que aceita um valor do tipo string e retorna, mas tem casos 척 usar a nossa função em cenários onde o value pode ser outro tipo de dado, ai chega o ponto em pensar em generic.

function info<T>(value: T) {
  return value
}

Com a dição de info** tornamos a nossa função generic, possibilitando assim que ela receba diferentes tipos de dados para a variável value.

Em typescript 일반 포드 ser usado com função, classe ou interface

Generics com função
Para usar generic com função basta adicionar <> depois do nome da função, e dentro de <> colocar a lista dos tipos de dados que a função vai receber

function info<T>(...) { ... }

function pickValue<T, K>(...) {...}

주의 사항은 일반적인 사용 방법에 따라 작동 매개변수를 사용하지 않으며, 사용 방법에 따라 사용하는 팁과 사용 방법 및 qualquer 구성 요소에 대한 사용 방법입니다.

async function fetchApi<ResultType>(path: string): Promise<ResultType> {
  const response = await fetch(`https://api.joelmbengui${path}`);
  return response.json();
}

type Info = {
  name: string
}
const data = await fetchApi<Info>('/info');

Generics com 인터페이스, 클래스

인터페이스 또는 클래스에 대한 비판, 일반적인 사용에 대한 이점, 일반적인 인터페이스에 대한 고려, 다양한 인터페이스 또는 클래스에 대한 다양한 선택

상호 작용
Para criar um interface ou classe generic, adicionamos a lista de tipos depois do nome da interface ou classe

interface GenericInterface<T> {
  value: T
}

Aqui declaramos uma interface que tem uma propriedade value e onde o tipo vai ser determinado quando passarmos o valor de T.

수업

class Queue<T> {
  private data = []
  push = (item: T) => this.data.push(item)
  pop = (): T => this.shift();
}

const queue = new Queue<number>();
queue.push(0)
queue.push("1") // ERROR: can push string 

Aqui criamos uma pilha que pode ser usada para diferentes cenários, seja ele quando precisamos de um pilha de números, string, alunos, etc.

결론
Neste pequeno tutorial falamos sobre generic, como usá-la em funções, interface e classes.

E podemos notar que o bom uso de generic, vai nos ajudar a evitar repetir código e deixar as nossas funções, interface e classes mais flexíveis.