O documento explora o funcionamento do JavaScript, enfatizando a importância de entender sua estrutura e operação para facilitar a depuração e melhorar habilidades em entrevistas. Ele descreve conceitos como o contexto de execução global e a pilha de chamadas, além de oferecer dicas práticas para programadores. Links para recursos adicionais e hacks de JavaScript são incluídos para aprofundar o conhecimento do leitor.

1. Como funciona esse trem?
Eu só sei que escreve console.log aparece um texto lá no console...
JAVASCRIPT

2. @lalizita
lalizita
laislima98
laislima98@hotmail.com
Laís Lima, 20 anos
Front End Developer @ Cosmobots
@onerdzao / @womakersgram

3. Por que devemos saber como o
javascript funciona?
● E fundamental que você conheça
● facilitar debug
● ficar craque para as entrevistas

4. Vamos conhecer o Javascript mais a fundo...
Javascript gostaria
de sair comigo?

5. Vamos descobrir suas habilidades mais obscuras,
ganhar intimidade, conquistá-lo e dominá-lo!
Fala pro Javascript que
é hoje!

6. Javascript engine
Spider Monkey
https://developer.mozilla.org/en-
US/docs/Mozilla/Projects/SpiderMonkey
https://v8.dev/

7. Global Execution Context
Toda vez que a Engine lê o seu código Global Execution Context é criado

8. Global Memory
Global Memory também é criada toda vez que a engine lê o seu código

9. Global
Execution
Context
Global
Memory
Javascript Engine
On progress...

10. Como a engine lê seu código
// Legal, temos uma constante, vamos armazenar na Global Memory
let tentativas = 0;
// olha só uma função, vamos armazenar ela na Global memory também *-* ownt
function chegarNele(resposta){
if(!resposta) return tentativa++;
return alert(“É HOJE BICHO!”);
}
// Pronto terminei!

11. Global
Execution
Context
Global
Memory
Javascript Engine
On progress...
chegarNele:function
tentativas: 0

12. chegaNele();

13. CALL STACK HELP!
Push coloca na stack
Pop remove da stack

14. Global
Execution
Context
Global
Memory
Javascript Engine
Call Stack
chegarNele():
-Local Execution
Context
-Local Memory
main()
chegaNele()
chegaNele:
Executando...

15. DEMOOOOOOOOO

16. **Js Hacks para você usar no trampo**
● extração dos parâmetros na função
● usar length para esvaziar um array
● checar se objeto está vazio ou nao Object.keys
● valores default ||
● usar !! para converter para boolean
● + operator para converter string para números
● logica com &&

17. Fontes
https://www.valentinog.com/blog/js-execution-context-call-stack/
https://www.youtube.com/watch?v=W8AeMrVtFLY
https://corpocrat.com/2018/04/25/20-simple-wow-hacks-in-javascript/
https://medium.com/@rahul.raviprasad/the-little-known-bitwise-operations-and-their-performance-
in-javascript-c281d512c757

18. @lalizita
lalizita
laislima98
laislima98@hotmail.com
@onerdzao / @womakersgram
Laís Lima, 20 anos
Front End Developer @ Cosmobots