Introdução às Arrow Functions

Arrow Functions (Funções de seta) são uma nova sintaxe para definir funções em JavaScript. Elas fornecem uma maneira concisa e mais legível de escrever funções, especialmente ao lidar com funções que são passadas como argumentos para outras funções ou ao criar funções simples de uma linha.

A sintaxe para uma função de seta usa o símbolo =>, daí o nome arrow (seta). Aqui está um exemplo de uma função tradicional e sua arrow function equivalente.

Arrow Functions com várias linhas e vários parâmetros

Se tivermos várias linhas no corpo da função, precisamos envolver o corpo da função entre chaves e usar a palavra-chave return. E se tivermos vários parâmetros, precisamos colocá-los entre parênteses.

Ok, não muito diferente da função tradicional. Mas vamos ver como podemos simplificar a arrow function.

Arrow Function com um único parâmetro

Se tivermos um único parâmetro, podemos omitir os parênteses ao redor do parâmetro na arrow function:

Arrow Function com uma única linha

Se tivermos uma única linha no corpo da função, podemos omitir as chaves e a palavra-chave return na arrow function:

Como você pode ver, a arrow function é muito mais curta e concisa.

Existem mais diferenças entre as funções de seta e as funções tradicionais, mas as abordaremos nas seções mais avançadas. Por enquanto, vamos nos concentrar na sintaxe.

Hora do código!

Agora é sua vez de praticar a escrita das funções de seta. No editor, você encontrará uma função chamada triple. Reescreva a função usando uma função de seta.