Arrow Functions vs. Functions em JavaScript
Channel: dpw
Date: 2020-09-14

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
https://www.youtube.com/watch?v=keTIirTEdUc

💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
https://discord.gg/vDd34XbyQr

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

==========

Assine o canal! http://bit.ly/dpw-youtube

- Facebook: https://www.facebook.com/desenvolvweb/
- Instagram: https://www.instagram.com/desenvolvweb/
- Twitter: https://twitter.com/desenvolvweb

Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/