Arrow functions no JavaScript

296d atrás

Ion

---

0 0

Arrow functions são uma nova maneira de se criar funções no #JavaScript, elas seguem a seguinte sintaxe:

() => {}

Exemplos

Função convencional:

function dobrar(numero) {
  return numero * 2;
}

const dobrar = (numero) => {
  return numero * 2;
}

dobrar(2);  // 4

Diferenças das funções convencionais

• Sintaxa concisa: geralmente têm uma sintaxe mais curta e limpa. Se houver apenas um parâmetro e uma única instrução de retorno, você pode omitir os parênteses e as chaves.

const dobrar = numero => numero * 2;

• Escopo do this: as arrow functions não têm seu próprio this, elas herdam o valor de this do contexto pai
• Não podem ser usadas como construtores, ou seja, não aceitam new na sua chamada
• Não possuem o objeto arguments

Referências

Saiba mais em:

Arrow function expressions - JavaScript | MDN

An arrow function expression is a compact alternative to a traditional function expression, with some semantic differences and deliberate limitations in usage: