Arrow functions no JavaScript

261d atrás

0 0

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

() => {}
Dessa forma, elas apresentam uma estrutura mais concisa do que as funções convencionais.

Exemplos

Função convencional:

function dobrar(numero) {
  return numero * 2;
}
Arrow function:
const dobrar = (numero) => {
  return numero * 2;
}
Ambas podem ser chamadas com o seguinte código, e obtém o mesmo resultado:
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:


Comentários (0)

0/512
Link