Arrow functions em JavaScript

A sintaxe enxuta das funções de seta, quando usar e quando evitar.

Arrow functions são uma forma mais curta de escrever funções. Além da sintaxe, elas trazem uma diferença importante no this.

Sintaxe

javascript

// função tradicional
function soma(a, b) {
  return a + b;
}

// arrow function equivalente
const soma = (a, b) => a + b;

// com um parâmetro só, parênteses opcionais
const dobro = n => n * 2;

// com corpo de bloco, precisa de return
const saudar = (nome) => {
  const msg = `Olá, ${nome}`;
  return msg;
};

A questão do this

Arrow functions não criam seu próprio this — elas herdam do escopo onde foram definidas. Isso é ótimo para callbacks, mas ruim para métodos de objeto.

javascript

const obj = {
  nome: "Ana",
  // ❌ this.nome é undefined aqui
  falarErrado: () => console.log(this.nome),
  // ✅ método tradicional resolve
  falarCerto() { console.log(this.nome); }
};

Use arrow functions para callbacks curtos e funções utilitárias. Evite como métodos de objeto quando precisar do this.

todos os tutoriais

Continue aprendendo

📦

Variáveis e tipos em JavaScript

6 min