Funções de seta e tipagem contextual
Use funções de seta com confiança e veja como a tipagem contextual infere os tipos dos parâmetros e do retorno a partir do uso.
Funções de seta e tipagem contextual é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 3 de 3. 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 3 aulas no total.
Por que usar funções de seta e contexto?
Funções de seta oferecem uma sintaxe concisa e this léxico. Com a tipagem contextual, o TypeScript infere os tipos dos parâmetros e do retorno a partir do uso (por exemplo, em métodos de matrizes), permitindo escrever menos código repetitivo sem perder segurança.
Fundamentos das setas
Adicione anotações aos parâmetros e retornos quando isso melhorar a clareza. As funções de seta são compactas e mantêm o this do contexto ao redor (ao contrário das declarações de função).
// Arrow syntax: parameters => expression/body
const greet = (name: string): string => {
return `Hello, ${name}`;
};
console.log(greet("Ada"));Contexto por meio de map
Tipagem contextual: map conhece o tipo do elemento, portanto o parâmetro da função de seta é inferido como number e o resultado como number[].
// Context supplies types: numbers.map expects (n:number)=>number
const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2); // n inferred as number
console.log(doubled);Retornos inferidos
APIs tipadas (Promise, métodos de matrizes) orientam a inferência dos parâmetros e valores de retorno, reduzindo a necessidade de anotações explícitas.
// Promise.then infers the callback parameter and return type
const toLength = (s: string) => s.length;
Promise.resolve("TS")
.then(s => toLength(s)) // s inferred as string
.then(len => console.log(len));Opcionais e valores padrão
As funções de seta aceitam parâmetros padrão e opcionais. Faça o estreitamento ou forneça fallbacks (por exemplo, ??) antes de usar os opcionais.
// Optional + default with arrows
const padLeft = (text: string, width = 2, ch?: string): string => {
const fill = (ch ?? " ").repeat(Math.max(0, width));
return fill + text;
};
console.log(padLeft("X")); // default width 2, default char " "
console.log(padLeft("X", 4, "."));Armadilhas
Armadilhas:
- O excesso de anotações prejudica a inferência; comece com o mínimo.
- Seja explícito quando as APIs não forem tipadas (any) ou quando a intenção não estiver clara.
- Lembre-se de que as funções de seta capturam this lexicamente — são ótimas para callbacks, mas devem ser evitadas quando for necessário um this dinâmico.
Verificação da tipagem contextual
Verificação rápida: o que significa “tipagem contextual” para funções de seta?
Recapitulação e próxima etapa
Recapitulação: as funções de seta oferecem uma sintaxe concisa e this léxico. A tipagem contextual permite que o uso oriente a inferência, mantendo os callbacks curtos e seguros quanto aos tipos.
Perguntas Frequentes
A aula “Funções de seta e tipagem contextual” é grátis?
Sim — o texto completo de “Funções de seta e tipagem contextual” é 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 3 aulas no total.
O que vou aprender em “Funções de seta e tipagem contextual”?
Use funções de seta com confiança e veja como a tipagem contextual infere os tipos dos parâmetros e do retorno a partir do uso. 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 3 de 3.
Quanto tempo leva a aula “Funções de seta e tipagem contextual”?
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
- If/else, switch, ciclos; veracidade e verificações estritas
- Funções: parâmetros, padrões/opcionais/rest; tipos de retorno
- Funções de seta e tipagem contextual