Curso gratuito de Typescript 2025 - Aula 003 · D3vlopes

Na aula anterior, aprendemos sobre Objetos e Arrays no Typescript.

Na aula de hoje, vamos explorar as funções em Typescript.

A tipagem de funções em Typescript é uma das características mais poderosas da linguagem. Ela permite especificar o tipo dos parâmetros de uma função, tipo de retorno e muito mais. Isso ajuda a evitar erros de tipo durante a execução do código, além de proporcionar uma documentação sobre como a função funciona.

Aulas

🔷 Aula 001 - Tipos Primitivos
🔷 Aula 002 - Objetos e Arrays
👉 Aula 003 - Funções
🔷 Aula 004 - Outros tipos (Em breve)
🔷 Aula 005 - Union Types, Type Assertion e Literal Types (Em breve)
🔷 Aula 006 - Inferência de tipo (Em breve)
🔷 Aula 007 - Interface e Types (Em breve)
🔷 Aula 008 - Generics (Em breve)
🔷 Aula 009 - Utility Types (Em breve)
🔷 Aula 010 - Classes (Parte 1) (Em breve)
🔷 Aula 011 - Classes (Parte 2) (Em breve)
🔷 Aula 012 - Dicas Extras (Em breve)
🔷 Aula 013 - Desafio prático (Em breve)

Introdução

Nessa aula, vamos explorar as funções em Typescript. Vamos aprender a definir o tipo dos parâmetros, tipo de retorno e muito mais!

Tipagem de Parâmetros

Ao declarar uma função, você pode especificar o tipo dos parâmetros dentro dos parênteses.

function soma(x: number, y: number) {
  return x + y;
}

console.log(soma(10, 7));

Tipagem de retorno

Além de especificar o tipo dos parâmetros, também podemos definir o tipo de retorno da função.

function soma(x: number, y: number): number {
  return x + y;
}

Tipos de funções de Callback

Em situações onde você trabalha com funções de callback, é possível tipar os parâmetros e o tipo de retorno dessas funções.

function functionWithCallback(
  callback: (result: number) => string,
  param: number,
) {
  console.log('=>', callback(param));
}

functionWithCallback((a) => a.toString(), 55);

Parâmetros opcionais

Podemos definir parâmetros opcionais no Typescript para funções utilizando ?. Vejamos um exemplo de uma função com parâmetros opcionais.

Parâmetro com valor padrão

Também podemos definir parâmetros com valores padrão.

function hello(name: string, age = 30) {
  return `Meu nome é ${name} e tenho ${age} anos`;
}

Você pode acessar o código da aula, acessando o link abaixo:
https://github.com/d3vlopes/curso-typescript/tree/aula-003

Próxima aula

Na próxima aula, vamos explorar outros tipos do Typescript, como any, void, never e outros tipos que são importantes conhecer ao trabalhar com Typescript.

Deixe seu comentário sobre essa aula e compartilhe essa publicação para dar uma força.