Aula 25 — Arrow Functions (Funções de seta)

Até aqui, já conhecemos o básico do JavaScript. Já aprendemos a realizar operações, trabalhar com variáveis e criar funções simples para organizar melhor nosso código.

Agora, entrando no módulo intermediário, vamos conhecer uma forma mais moderna, curta e elegante de escrever funções: as Arrow Functions.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Entender o que são Arrow Functions
• Criar funções usando a sintaxe de seta (=>)
• Identificar as diferenças entre funções tradicionais e Arrow Functions
• Escrever funções mais curtas e legíveis
• Reconhecer quando faz sentido usar Arrow Functions

Até agora, você já aprendeu a criar funções usando a palavra function. Nesta aula, vamos conhecer uma forma **mais moderna, curta e elegante** de escrever funções em JavaScript: as Arrow Functions.

Elas são muito usadas em códigos atuais e aparecem bastante quando trabalhamos com arrays, eventos e manipulação do DOM.

O jeito tradicional de criar funções

Vamos relembrar rapidamente como criamos uma função da forma tradicional:

 
  function somar(a, b) 
  { 
    return a + b; 
  }
  console.log(somar(2, 3));

Essa forma continua válida e muito importante. Agora, vamos ver como escrever a mesma função usando Arrow Function.

Criando uma Arrow Function

Uma Arrow Function usa o símbolo =>, que lembra uma seta (por isso o nome).

 
  const somar = (a, b) => 
  { 
    return a + b; 
  };

console.log(somar(2, 3));

Perceba as diferenças:

• Não usamos a palavra function
• A função é atribuída a uma constante
• Usamos => para indicar a função

Arrow Function com apenas uma linha

Quando a função tem apenas uma linha de retorno, podemos simplificá-la ainda mais.

 const somar = (a, b) => a + b;

console.log(somar(2, 3));

Arrow Function com um único parâmetro

Se a função recebe apenas um parâmetro, você pode remover os parênteses:

 const dobrar = numero => numero * 2;

console.log(dobrar(5));

O código acima resultará na seguinte saída:

Quando usar Arrow Functions?

• Funções curtas e objetivas
• Callbacks (funções passadas como parâmetro)
• Manipulação de arrays (map, filter, forEach)

Na próxima aula, vamos aprender sobre Arrow Functions com arrays (map, filter e forEach).