This content originally appeared on DEV Community and was authored by varunprashar5
?????????? ?????? is a program that executes the javascript code. These days relevant modern engines use just-in-time compilation for improved performance. (As per Wikipedia)
????????? ????? ?? ?????????? ?????? ???????? ??? (Generic for any JS Engine):
Javascript source code is passed to "Parser"
Parser divides the code into multiple tokens
It is converted into AST (Abstract Syntax Tree), a tree-like structure that represents functions, conditionals, scopes etc.
This AST is passed to the interpreter which converts the code into Bytecode.
At the same time engine is actually running the Javascript code
Bytecode is used by optimizing compiler along with profiling data
"Optimizing compiler" make certain assumptions based on profiling data and produces highly optimized machine code.
Sometimes there is a case where the 'optimization' assumption is incorrect and then it goes back to the previous version via the "Deoptimize" phase (where it actually becomes the overhead to us)
JS Engine usually optimizes "hot functions" and uses inline caching techniques to optimize the code.
???'? ??? ????? ?? ??:
- Interpreter is called "Ignition".
- Optimizing compiler is called "TurboFan".
- Apart from Parser, there is a "pre-parser" that checks for syntax and tokens
? ?????? ?????? ?? ??: "Sparkplug" is introduced which is present between "Ignition" & "TurboFan" which is also called Fast Compiler.
????: These are high-level step's that most of the JS engines goes through and every engine goes through their own set of steps for further optimizations.
They do have stack, heap, garbage collector and is out of scope for this post.
Do share more about JS engines in the comments
Checkout my youtube channel for more such content:
https://www.youtube.com/channel/UCJErruzdazYFQfDdb6avbtA
This content originally appeared on DEV Community and was authored by varunprashar5
varunprashar5 | Sciencx (2021-06-29T07:29:03+00:00) How Javascript Engine’s Work?. Retrieved from https://www.scien.cx/2021/06/29/how-javascript-engines-work/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.