People & Blogs

O JavaScript Que Ninguém Te Ensinou

by Arthur Takeda

📚 Tópicos principais

Hoisting e escopoExplica como declarações são içadas, a diferença entre var, let e const, a zona temporal morta e os escopos global, de função e de bloco. Também mostra como a cadeia de escopos permite que funções internas acessem variáveis externas. 0:00
ClosuresUma closure combina uma função com o ambiente léxico em que foi criada, permitindo manter estado e encapsular dados. Closures também podem reter referências a dados grandes e causar problemas de memória. 2:36
Event loop e tarefas assíncronasA call stack executa o código, enquanto APIs do navegador e filas organizam callbacks. Promises vão para a fila de microtasks, que tem prioridade sobre a fila de macrotasks. 4:11
Promises e async/awaitPromises representam resultados futuros e podem ser encadeadas com then, catch e finally. Async/await deixa o código assíncrono mais legível, e Promise.all permite executar operações independentes em paralelo. 6:48
Garbage collectionO coletor de lixo identifica objetos alcançáveis a partir de raízes e remove os que não são mais referenciados. Timers, listeners, closures e variáveis globais podem manter dados vivos e provocar vazamentos. 8:57
Tratamento de errosTry/catch/finally, erros específicos e rejeições de promises devem ser usados para tratar falhas sem ocultar bugs. Erros que não podem ser tratados devem ser relançados ou registrados. 11:04

✨ Principais conclusões

Declarações e funçõesVar é içada e inicializada como undefined; let e const ficam na zona temporal morta até a declaração; declarações de função são içadas por completo, enquanto expressões de função seguem as regras das variáveis. 0:31
Prefira const e letUse const por padrão, let quando precisar reatribuir e evite var, que ignora o escopo de bloco e pode causar bugs em loops. 1:33
Não bloqueie a thread principalCódigo síncrono que nunca termina impede o event loop de processar callbacks, promises e eventos. Use Web Workers para trabalho pesado. 5:45
Execute operações independentes em paraleloAguardar cada operação com await em sequência soma os tempos; iniciar as operações juntas com Promise.all pode reduzir a espera total. 7:52
Libere recursos e evite retenções acidentaisLimpe timers, remova listeners, evite globais acidentais e mantenha em closures apenas os dados necessários. 9:30
Trate erros com clarezaCapture rejeições, use tipos de erro adequados, mantenha fallbacks para falhas inesperadas e não retorne dentro de finally. 11:04

🧠 Lições aprendidas

Use modelos mentais para investigar comportamentosHoisting, escopo, closures, event loop, promises e garbage collection ajudam a explicar variáveis inesperadas, callbacks fora de ordem e crescimento do uso de memória. 12:36
Não esconda falhasRegistre erros e encaminhe-os para monitoramento; trate apenas o que puder resolver e relance o que não souber tratar. 12:05

🏁 Conclusão e próximos passos

Aplique os conceitos no dia a diaEntender como esses mecanismos se conectam ajuda a escrever código JavaScript mais previsível, evitar vazamentos e lidar melhor com falhas. Inscreva-se no canal e deixe um like para acompanhar os próximos vídeos. 12:36

Transcript excerpt

0:00 Essa pergunta é como entrevistas. Esse código imprime undefined, mas não dá erro. Por quê? Se você não consegue explicar porque isso acontece, você não entende JavaScript de verdade. Nesse vídeo, eu vou explicar os conceitos fundamentais que todo engenheiro de software precisa dominar para entrevistas e também pro dia a dia. Hoisting, event loop, closures, promises, garbage collection e tratamento de erros. E vamos começar explicando aquele código do início. Hoisting significa literalmente issamento. O JavaScript puxa as

0:31 declarações pro topo do escopo antes de executar qualquer código. A declaração sobe, a atribuição fica onde tá. Por isso, console.log nome não dá erro. A variável já existe, só não tem valor ainda. Agora leia esse código. Let constrem hoing, mas fica numa zona chamada temporal dead zone, do início do bloco até a linha da declaração. Acessar elas nessa zona dá erro. E funções, depende de como você declara. Funções declaradas

1:01 com a keyword function são completamente içadas, nome e o corpo. Expressões de função sempre seguem as regras de variável. Diga tchau existe, mas é undefined, não é uma função. Resumindo, var sobe e vira undefined. Let constam na temporal dead zone. Funções declaradas sobem inteiras. Expressões de função sobem como variáveis. Mas eu falei que declarações sobem pro topo do escopo. E o que exatamente é esse escopo? O escopo define onde uma

🔒 The full, searchable transcript is available with Pro.

Suggestions