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

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

🌐 JavaScript Classes (MDN)

==========

[emanuelbrunoo]

Cara você é incrível um dia vou poder contar como eu mudei minha vida, passei de um cara que nunca estudou na vida e esta aprendendo matemática do ZERO de forma autodidata com 28 anos de idade um dia eu vou mudar coloquei meta de vida vou ser melhor e creio nisso e faltam apenas 3 matérias para eu terminar o ensino médio

[yurytomaz]

finalmente o algorítimo esta me recomendando coisa que preste.

[andreduarte]

Já ganhou like só por pronunciar a palavra sintaxe de maneira correta!👏🏻👏🏻👏🏻

[Javacoo]

Meu amigo, você foi o único que conseguiu me explicar essa BOMBA, ksksk. MUITO OBRIGADO MESMO! Eu já estava ficando doido tentando entender isso, ksks. Brigadão!

[glysns]

Melhor explicação sobre um tema tão delicado e subestimado pela comunidade. Obrigado e Parabêns

[KevinTereza]

Obrigado por disponibilizar conteúdo de otimo conteudo!

[thayssasouza]

Incrível esse vídeo! Parabéns pela didática!!

[MarcusVinicius-sdko]

Muito bom video, excelente didatica e explicacao

[cabanahip-hop]

Aula espetacular, só agradecimentos!!!!

[Matheuscantanhede-kg]

desde já agradecer por esse vídeo, me salvou demais

[julianamayercardoso]

Ótima explicação, simples e com clareza!!! Parabéns.

[CarlosEduardo-cdsv]

Que vídeo excelente, prática é a melhor forma de aprender. E é isso que você fez! Tmj

[renanmacho]

Vídeo bem explicado, embora esse conteúdo seja bastante difícil de entender.

[John.Carvalho]

Voce ensina muito bem, vou recomendar seus videos nos meus grupos programadores.

[gprm]

Excelente explicação. Tenho certeza que, assim como eu, muitas pessoas apreciam sua forma de explicar. Parabéns!!

[paulovitorpereirafranco]

Parabéns, não estava conseguindo entender e vc deixou tudo bem simples e direto...Top

[dossantos]

Eu tava estudando esse assunto hoje... eu consegui entender, no meu estudo eu conclui que tudo que retorna ( return) pode ser substituida por =>,
Metodos e proriedades por exemplo podem usar a =>,

[rafaeldimmy]

mudou minha vida esse video perfeito to te seguindo agora

[djandrelima]

Gostei! Agora entendi de verdade o this nos arrow functions

[kiritosenpai]

muito obrigado professor!! os exemplos são muito bons para entender