20/12/2021

A diferença entre funções regulares e arrow functions


Lançada na versão ES6 do JavaScript, a arrow functions que já caiu nas graças de muitos desenvolvedores javascript, possui uma forma mais concisa e sem escopo definido.

 

Sintaxe

 

// Função Regular
let soma = function(n1, n2) {
return n1 + n2;
}

 

// Arrow functions let soma = (n1, n2) => { return n1 + n2 };

 

// Simplificando ainda mais sem o uso de {} let somar = (n1, n2) => n1 + n2;

 

Diferenças entre funções regulares e arrow functions

 

Funções RegularesArrow Functions
- - Não contem acesso ao arguments
- Não pode ser usado como constructor, não podem ser chamadas utilizando a palavra-chave new
- Não é hoisted
- Lexical this

 

Conclusão

 

É importante entender que arrow functions não substituem as funções tradicionais, é apenas uma forma de facilitar o trabalho em scopos, então use com sabedoria :D
voltar