image resource — Imagem recuperada de Freepik, CC0

O que é?

Arrow function é uma maneira mais sucinta de definir uma função em Javascript. O nome arrow se dá pela sintaxe utilizada para escrevê-la “() =>”, que lembra uma flecha. Primeiramente, vamos entender a diferença entre a sintaxe tradicional e a sintaxe de uma arrow function.

A definição de uma arrow function sempre começa com a palavra reservada const. A sua escrita fica mais direta e, além disso, facilita a utilização de alguns métodos, principalmente quando trabalhamos com objetos. Se quisermos realizar a soma de dois números, podemos definir a seguinte arrow function:

A partir desse exemplo de soma, você consegue modificar para realizar o cálculo de uma média aritmética entre dois números? Talvez uma das grandes facilidades das arrow functions é a possibilidade de utilizá-las com funções callback, deixando-as mais simples. No exemplo abaixo utilizamos o método find para encontrar em uma lista o usuário cujo id é igual a 3:

Para saber mais sobre a utilização de arrow functions, consulte o link da documentação oficial da Mozila (MDN) para visualizar exemplos e explicações detalhadas. Em outras unidades mais adiante, esse assunto será utilizado como base para outras funções, portanto, sua correta compreensão ajudará muito.