ExpertiDict

JavaScript · Essencial · Inglês · Técnico

arrow function

/ˈæɹoʊ ˈfʌŋkʃən/substantivo

Sintaxe curta para funções, com =>, que não cria seu próprio this nem arguments e usa os do escopo onde foi escrita. Não pode ser usada com new.

Onde usar

Muito comum em callbacks de map, filter e eventos. Em code review, o ponto de atenção são métodos de objeto e construtores, onde a arrow function pega o this errado.

Em código

const dobro = (n) => n * 2;
const obj = {
  v: 1,
  a: () => this.v,       // this errado
  b() { return this.v; } // 1
};

Exemplos

Just use an arrow function so this stays the same.

É só usar uma arrow function para o this continuar o mesmo.

That method can't be an arrow function.

Esse método não pode ser uma arrow function.

Cuidado

Usar arrow function como método de objeto esperando que this aponte para o próprio objeto.

Sinônimos

função seta

Veja também

Todos os termos de JavaScript