Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How does JavaScript work?
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Ulugbek Miniyarov
May 25, 2017
Programming
75
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How does JavaScript work?
What is Javascript: a single-threaded non-blocking asynchronous concurrent language?
Ulugbek Miniyarov
May 25, 2017
More Decks by Ulugbek Miniyarov
See All by Ulugbek Miniyarov
DDD and CQRS Quick Overview
miniyarov
0
100
Software Architecture Patterns
miniyarov
1
64
Secure Software Development
miniyarov
0
48
Introduction to Docker
miniyarov
0
49
Advanced Blockchain Topics
miniyarov
0
75
Blockchain: from 0 to 1
miniyarov
0
110
Continuous Code Quality Inspection
miniyarov
0
54
Bitcoin Scripting, Smart Contracts (Ethereum), Tokens & ICO
miniyarov
0
53
PHP7 New Features
miniyarov
1
62
Other Decks in Programming
See All in Programming
LLMは4年分のCompose移行を再現できるのか?実プロダクト279件のXMLで探る自動化の境界線
makun
0
410
ハーネス設計入門 〜プロンプト、コンテキストの次〜
kinopeee
54
35k
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
kishida
7
2.3k
tsc.rip を支える技術 / Kyoto.なんか #8
susisu
0
4.3k
ALB ログから Trace を気合で繋げる技術
fohte
7
870
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
990
異なる設計思想のフレームワークを経験して得た学び
amekuhideki
2
1.5k
初めての模倣学習とVLA
natsutan
0
480
AWS DevOps Agentで インシデント対応をAIに任せたい
honmarkhunt
6
2.1k
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
sokohirai
0
340
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
tatsuki12
4
1.7k
レビュー履歴をAIに食わせて、 Compose移行を加速するs
shihochan
0
260
Featured
See All Featured
Paper Plane
katiecoart
PRO
2
53k
Odyssey Design
rkendrick25
PRO
2
800
Why Our Code Smells
bkeepers
PRO
340
58k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
510
How to make the Groovebox
asonas
2
2.4k
Designing for humans not robots
tammielis
254
26k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
430
How to Ace a Technical Interview
jacobian
281
24k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
270
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
Transcript
How does JavaScript work? Ulugbek Miniyarov Software Architect @ENUYGUN Heavily
inspired by Philip Roberts’ JSConf EU 2014 Talk
V8 Engine (Chrome’s JS Runtime) ChakraCore (Egde’s JS Runtime) Nitro
(Safari’s JS Runtime) SpiderMonkey (Firefox’s JS Runtime) JavaScript Engines:
JavaScript? A single-threaded non-blocking asynchronous concurrent language
JavaScript has a Call Stack, an Event Loop, a Callback
Queue, and some other apis (Ajax, Timing ...) Are they inside JavaScript Engines? - Only Call Stack with Heap
None
Asynchronous feature is not included in JavaScript Engine. Browsers /
NodeJS handles asynchronous part: - XHR Request - Timing (setTimeout, setInterval) - Events (onClick, onFocus i.e.)
None
The Call Stack one thread == one call stack ==
one thing at a time
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Blocking And how non-blocking i/o gives asynchronicity
None
None
None
None
None
None
None
None
Demo: Blocking Script in Browser at: https://jsfiddle.net/9c9ztkvz/
Solution? Asynchronous Callback
None
None
None
None
None
None
None
Concurrency & Event Loop One thing at a time, except
not really.
None
None
None
None
None
None
None
None
None
None
None
None
None
Ready for a Quiz?
None
None
Demo Time!
Thanks