Arrow Functions vs. Functions em JavaScript

Com ES6, uma dúvida comum em JavaScript é qual a diferença entre arrow functions e functions e quando usar cada uma.

Algumas das principais características de arrow functions são:

Arrow functions são possíveis desde ECMAScript 2015 (ECMAScript 6; ES6)
Arrow functions são sempre funções anônimas (esse é um dos motivos porque são bastante usadas como funções de callback)
Elas tratam this de maneira completamente diferente que funções "normais"

Além, claro, das diferenças de sintaxe -- que permitem obter o mesmo resultado de código com menos linhas (consequentemente, com menos digitação).

Para deixar as coisas bem claras, neste tutorial, vamos usar algumas funções de escrita pré-ES6 e fazer suas contrapartes com arrow functions. Isso vai ajudar a entender Arrow Functions vs. Functions.

Também, vamos tratar uma das principais diferenças, que é como ambas tratam this: arrow functions redefinem como this é tratado dentro da função e, consequentemente, altera completamente seu uso.

Então, assista a nosso tutorial mostrando as diferenças entre funções normais e arrow functions em JavaScript e saiba quando usar uma e outra!

➡️ Classes JavaScript
   • Classes JavaScript: o Tutorial que Você Pr...  

💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
  / discord  

🌐 JavaScript Classes (MDN)
https://developer.mozilla.org/pt-BR/d...

==========

Assine o canal! http://bit.ly/dpw-youtube

Facebook:   / desenvolvweb  
Instagram:   / desenvolvweb  
Twitter:   / desenvolvweb  

Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/