Arrow functions no JavaScript
339d atrás
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:
![](https://api.insights.ionited.io/upload/4j3lvxrxlnc9b5lx.png)
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)