O padrão ES2015 introduziu as funções arrow no JavaScript, simplificando a sintaxe das funções padrão. No entanto, elas apresentam diferenças importantes de comportamento. As funções arrow podem ser usadas em quase todos os contextos onde uma expressão de função padrão é aplicada, exceto em casos que exigem uma nova ligação this, já que elas herdam this do escopo externo.

O que são funções arrow no JavaScript?

As funções arrow possuem uma sintaxe compacta e não podem ser usadas como construtores ou funções geradoras. Elas são ideais para callbacks, especialmente em métodos de array como forEach, map e filter.

Sintaxe básica de uma função arrow

Uma função arrow é composta por uma lista de argumentos seguida por uma seta (feita com um sinal de igual e um sinal de maior que =>), seguida pelo corpo da função. Um exemplo simples é:

const saudacao = nome => console.log(`Olá, ${nome}!`);

Se o corpo da função contiver apenas uma expressão, as chaves podem ser omitidas, resultando em um retorno implícito. Para retornar um objeto, é necessário envolvê-lo com parênteses.

Diferenças das funções padrão

Ao contrário das funções padrão, as funções arrow não criam seu próprio this e não possuem o objeto arguments. Elas também não têm uma propriedade prototype, impossibilitando seu uso como construtores.

Quando usar funções arrow

Elas são ideais para funções de callback devido à sua sintaxe abreviada. Não devem ser usadas como métodos de objeto quando é necessário acessar o objeto através de this.

Conclusão

As funções arrow são úteis em muitos cenários, especialmente para melhorar a legibilidade do código e preservar a ligação this do escopo externo. Contudo, é importante entender suas limitações para evitar erros no código.