Não é brincadeira que javascript é a linguagem mais famosinha do momento, enquanto você está lendo isso ja está surgindo um novo framework ou uma atualização de uma lib que está em seu projeto (Brincadeiraaaa). Mesmo assim você sabe como javascript realmente funciona por debaixo dos panos? suas engines? o que tem mais performance? Vamos entender isso de um jeito bem divertido!

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