TypeScript Academy · Aula

Utilitários tipados pipe e flow

Crie pipelines da esquerda para a direita com inferência precisa.

Utilitários tipados pipe e flow é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de TypeScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de TypeScript Academy inclui 4 aulas no total.

De compose para encadeamento

pipe encadeia um valor por meio de funções da esquerda para a direita, a ordem de leitura preferida pela maioria das pessoas. pipe(x, f, g) significa g(f(x)).

Um encadeamento em duas etapas

O encadeamento mais simples recebe um valor e uma função e retorna o resultado. A leitura de cima para baixo corresponde à ordem de execução.

const pipe2 = <A, B>(a: A, f: (a: A) => B): B => f(a);
console.log(pipe2(5, n => n + 1)); // 6

Encadeando várias funções

Um encadeamento com três argumentos aplica as funções em sequência. A saída de cada etapa se torna a entrada da etapa seguinte.

function pipe<A, B, C>(a: A, f: (a: A) => B, g: (b: B) => C): C {
  return g(f(a));
}
const inc = (n: number) => n + 1;
const dbl = (n: number) => n * 2;
console.log(pipe(5, inc, dbl)); // 12

Leitura da esquerda para a direita

Ao contrário de compose, pipe lista as etapas na ordem em que são executadas. pipe(5, inc, dbl) incrementa e depois dobra, exatamente como está escrito.

console.log(pipe(5, dbl, inc)); // 11 (double then inc)

Por que são necessárias sobrecargas

Diferentes locais de chamada passam números diferentes de funções. Para tipar cada aridade com precisão, pipe usa assinaturas de sobrecarga, uma para cada tamanho compatível.

function pipe<A, B>(a: A, f: (a: A) => B): B;
function pipe<A, B, C>(a: A, f: (a: A) => B, g: (b: B) => C): C;
function pipe(a: unknown, ...fns: Function[]): unknown {
  return fns.reduce((v, fn) => fn(v), a);
}

Cada sobrecarga encadeia os tipos

A sobrecarga dois encadeia A -> B; a sobrecarga três encadeia A -> B -> C. O compilador escolhe a sobrecarga correspondente com base no número de funções passadas.

A implementação em tempo de execução

Por baixo das sobrecargas, um único reduce aplica todas as funções em sequência. A assinatura da implementação usa tipos flexíveis; quem chama vê as sobrecargas precisas.

function pipe(a: any, ...fns: Array<(x: any) => any>): any {
  return fns.reduce((acc, fn) => fn(acc), a);
}
console.log(pipe("  hi ", s => s.trim(), s => s.toUpperCase())); // HI

Alterações de tipo ao longo do encadeamento

Como cada sobrecarga encadeia genéricos, um encadeamento pode transformar um valor entre vários tipos e, ainda assim, permanecer totalmente verificado quanto aos tipos.

const out = pipe("hello", s => s.length, n => n > 3);
console.log(out); // true (string -> number -> boolean)

flow: pipe sem o valor

flow é semelhante a pipe, mas recebe apenas as funções e retorna uma nova função. Você fornece o valor posteriormente, o que é ótimo para reutilização.

const flow = <A, B, C>(f: (a: A) => B, g: (b: B) => C) =>
  (a: A): C => g(f(a));
const process = flow((n: number) => n + 1, (n: number) => n * 2);
console.log(process(5)); // 12

Encadeamento versus flow versus compose

pipe aplica funções a um valor da esquerda para a direita; flow cria uma função reutilizável da esquerda para a direita; compose cria uma função da direita para a esquerda. Escolha com base na ordem de leitura e na reutilização.

Encadeamentos práticos

Bibliotecas como fp-ts e Effect fornecem um pipe robusto e totalmente tipado, com muitas sobrecargas. Criar um pequeno encadeamento por conta própria mostra exatamente como a tipagem funciona.

Verificação rápida

Verificação rápida sobre esta lição.

Recapitulação

pipe(x, f, g) = g(f(x)) é executado da esquerda para a direita e usa assinaturas de sobrecarga para tipar cada aridade com precisão, com uma única implementação baseada em reduce. flow é a variante sem argumentos que retorna uma função reutilizável.

Perguntas Frequentes

A aula “Utilitários tipados pipe e flow” é grátis?

Sim — o texto completo de “Utilitários tipados pipe e flow” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de TypeScript Academy, atualize para CoddyKit PRO. O curso de TypeScript Academy inclui 4 aulas no total.

O que vou aprender em “Utilitários tipados pipe e flow”?

Crie pipelines da esquerda para a direita com inferência precisa. Você pratica TypeScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar TypeScript Academy?

Nenhuma experiência prévia é necessária. TypeScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.

Quanto tempo leva a aula “Utilitários tipados pipe e flow”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de TypeScript Academy?

Sim. Cada aula de TypeScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para TypeScript Academy