เปเบ EP เบเบตเปเปเบฎเบปเบฒเบเบฐเบกเบฒเปเบงเบปเปเบฒเปเบเบดเบ JS Engine เบงเปเบฒเบกเบฑเบเปเบฎเบฑเบเบงเบฝเบเบเบฑเปเบเปเบ, เปเบเบทเปเบญเปเบซเปเปเบฎเบปเบฒเปเบซเบฑเบเบเบฒเบเบเบฐเบเบงเบเบเบฒเบเปเบเบทเปเบญเบเบซเบผเบฑเบเบเบญเบ JS เบซเบผเบฒเบเบเบถเปเบ. เปเบฎเบปเบฒเปเบเบตเบเบชเบปเบเปเบชเบเปเปเบงเปเบฒเบเบฑเบเบเบฒ machine เบกเบฑเบเปเบเบปเปเบฒเปเบ code เบเบตเปเปเบฎเบปเบฒเบเบฝเบเปเบเปเบเบฑเปเบเปเบ?. JavaScript Developer เบเปเปเบเบณเปเบเบฑเบเบเปเบญเบเบเบฑเบเบเบฒเบเบเบฑเบ compilers เบเปเบงเบเบเบปเบงเปเบญเบ, เปเบเบดเปเบเบเบฑเบเบเบฑเบเบเบฐเบเบฒเบกเบทเปเปเปเบซเบผเบฒเบเปเบเบปเบเบเปเปเบเปเปเปเบเปเบชเบปเบเปเบเปเบฅเบทเปเบญเบเบเบตเปเปเบฅเบตเบ เปเบเปเบกเบฑเบเบเบดเปเบเปเบเบฑเบเบเบฒเบเบเบตเบเปเบฒเปเบฎเบปเบฒเบเบฐเบชเบถเบเบชเบฒ เปเบฅเบฐ เบกเบตเบเบงเบฒเบกเบฎเบนเปเบเบทเปเบเบเบฒเบเบเปเบฝเบงเบเบฑเบ JavaScript Engine เปเบฅเบฐ เปเบเบดเปเบเบงเปเบฒเบกเบฑเบเบเบฐเบเบฑเบเบเบฒเบเบเบฑเบ code เบเบตเปเปเบเบฑเบ human-friendly เปเบฅเบฐ เบเปเบฝเบเปเบเบฑเบเบชเบดเปเบเบเบตเป machine เปเบเบปเปเบฒเปเบ๐.
เบเบปเบงเบขเปเบฒเบเบเบตเปเปเบเปเปเบเบเบปเบเบเบงเบฒเบกเบเบตเปเปเบกเปเบเปเบเป NodeJS เบเบตเป based on the V8 Engine เปเบฅเบฐ เปเบเป Browser เบเบตเปเปเบเบฑเบ Chromium-based.
HTML parser เบเบฐเบเบปเบย scriptย tag(<script></script>)เบเบตเปเบกเบตเบเบฒเบเบฅเบฐเบเบธ JS source(เบญเบฒเบเบเบฐเบขเบนเปเปเบย scriptย tag เบซเบผเบท import เบกเบฒเบเบฒเบเปเบเบฅเปเบเบญเบเบเปเปเปเบเป). code เบเบตเปเบขเบนเปเปเบเบเบฑเปเบเบเบฐเบเบทเบ load เบเบฒเบเบเบธเบเปเบซเบผเปเบเบเบตเปเบกเบฒเปเบเบฑเปเบ:ย network,ย cacheย เปเบฅเบฐย service workerย เบเบตเปเบเบทเบเบเบดเบเบเบฑเปเบเปเบงเปเปเบฅเปเบง. response เบเบตเปเปเบเปเบเบฒเบ requested script เปเบกเปเบเบเบฐเบขเบนเปเปเบเบฎเบนเบเปเบเบย stream of bytesย เบเบตเปเบเบฐเบกเบตย byte stream decoderย เปเบฎเบฑเบเปเปเบฒเบเบตเปเปเบเบเบฒเบเบเบญเบเบฅเบฐเบซเบฑเบ stream of bytes เบซเบผเบฑเบเบเบฒเบเบกเบฑเบเปเบซเบผเบเบชเบณเปเบฅเบฑเบ.
byte stream decoder เบเบฐเบเบณเบเบฒเบเบชเปเบฒเบย tokenย เบเบถเปเบเบกเบฒเบซเบผเบฑเบเบเบฒเบเบเบตเปเบเบณเบเบฒเบเบเบญเบเบฅเบฐเบซเบฑเบ stream of bytes เบชเบณเปเบฅเบฑเบ. เบเบปเบงเบขเปเบฒเบ,ย 0066ย เบเบณเบเบฒเบ decode เปเบเปย f,ย 0075ย เปเบเปย u,ย 006eย เปเบเปย n,ย 0063ย เปเบเปย c,ย 0074ย เปเบเปย t,ย 0069ย เปเบเปย i,ย 006fย เปเบเปย o, เปเบฅเบฐย 006eย เปเบเปย nย เบเบฒเบกเบเปเบงเบ white space. เปเบเบดเปเบเบเบทเบเบฑเบเบงเปเบฒเปเบฎเบปเบฒเบเบฝเบย functionย เปเบเบดเปเบเบเบณเบเบตเปเบเปเปเปเบเบฑเบ reserved keyword เบขเบนเปเปเบ JavaScript, เปเบเบดเปเบเบกเบฑเบเบเบฐเบชเปเบฒเบ token เบเบถเปเบเบกเบฒ เปเบฅเบฐ เบชเบปเปเบเปเบเบเบตเป parser(เปเบฅเบฐ pre-parser, เบเบฐเบญเบฐเบเบดเบเบฒเบเบเบฒเบเบซเบผเบฑเบ). เบเบฐเบเบงเบเบเบฒเบเบเบตเปเบเบปเบเบเบปเบงเบขเปเบฒเบเบกเบฒเปเบกเปเบเบเบฐเปเบเบตเบเบเบถเปเบเบเบฑเบ byte stream เบเบตเปเปเบซเบผเบทเบญเปเบเบฑเปเบเบเบฑเบ.
เบเบปเบง engine เบเบฐเปเบเป parser 2 เบเบปเบงเบเบท: pre-parser เปเบฅเบฐ parser. เปเบเบทเปเบญเบซเบผเบธเบเปเบงเบฅเบฒเปเบเบเบฒเบเปเบซเบผเบเปเปเบฒเปเบงเบฑเบ, engine เบเบฐเบเบฐเบเบฒเบเบฒเบกเบซเบผเบตเบเบฅเปเบฝเบเบเบฒเบ parsing code เบเบตเปเบเปเปเบเบณเปเบเบฑเบเปเบซเป. pre-parser เบเบฐ handles code เบเบตเปเบญเบฒเบเบเบฐเปเบเปเปเบเปเปเบงเป เปเบเบเบฐเบเบฐเบเบตเปเบเบปเบง parser เบเบฐ handles code เบเบตเปเบเบณเปเบเบฑเบ. เบเปเบฒเบซเบฒเบ function เบเบฒเบเบขเปเบฒเบเบเบทเบเปเบญเบตเปเบเปเบเปเบซเบผเบฑเบเบเบฒเบเบเบตเป user เบเบปเบเบเบธเปเบก,โ เบกเบฑเบเบเปเปเบเปเปเบเบณเปเบเบฑเบเบเบตเป code เบเบฐเบเบทเบ compile เปเบเบเบฑเบเบเบตเบเบฝเบเปเบเบทเปเบญเปเบซเบผเบเปเปเบฒเปเบงเบฑเบเบขเปเบฒเบเบเบฝเบง. เปเบเปเบเปเบฒเบซเบฒเบ user เบเบปเบเบเบธเปเบก เปเบฅเบฐ เบกเบตเบเบฒเบ require code เบเบฒเบเบชเปเบงเบ, เบกเบฑเบเบเบฐเบเบทเบเบชเบปเปเบเปเบ parser.
Parser เบเบฐเบเบณเบเบฒเบเบชเปเบฒเบ node เบเบฒเบก token เบเบตเปเปเบเปเบฎเบฑเบเบเบฒเบ byte stream decoder, เบเบฒเบเบเบฑเปเบเบกเบฑเบเบเบฐเบชเปเบฒเบ Abstract Syntax Tree เบซเบผเบท AST เบเปเบงเบ node เปเบซเบผเบปเปเบฒเบเบฑเปเบ ๐ฒ๐ณ.
เบเปเปเบกเบฒเบเบฐเปเบเบฑเบเปเปเบฒเบเบตเปเบเบญเบย interpreter, เปเบเบดเปเบ interpreter เบเบฐเบเบณเปเบเบตเบเบเบฒเบเบเปเบฒเบ AST เปเบฅเบฐ เบเบณเบเบฒเบเบชเปเบฒเบย byte codeย เปเบเบเบญเบตเบเบเบฒเบกเบเปเปเบกเบนเบเบเบตเป AST เบกเบต. เปเบกเบทเปเบญ byte code เบเบทเบเบชเปเบฒเบเบชเบณเปเบฅเบฑเบเปเบฅเปเบง, AST เบเบฐเบเบทเบเบฅเบถเบ เปเบฅเบฐ เบฅเปเบฒเบเบเบทเปเบเบเบตเปเปเปเบงเบเบเบงเบฒเบกเบเบณ(memory space) เบซเบผเบฑเบเบเบฒเบเบเบฑเปเบเปเบฎเบปเบฒเบเปเปเบกเบต byte code เบเบตเป machine เปเบเบปเปเบฒเปเบเปเบฅเปเบง ๐.
เปเบเบดเบ byte code เบเบฐเปเบงเบขเบนเปเบเปเปเบเบฒเบก, เปเบเปเบกเบฑเบเบเบฑเบเปเบงเบเบงเปเบฒเบเบตเปเปเบเปเบญเบตเบ. เปเบเบเบฐเบเบฐเบเบตเป byte code เบเบตเปเปเบฎเบฑเบเบงเบฝเบ, เบเปเปเบกเบนเบเบเปเบฒเบเปเบเบฐเบเบทเบ generate เบเบถเปเบ, เปเบเบดเปเบเบกเบฑเบเบเบฐเบชเบฒเบกเบฒเบ detect เปเบเปเบงเปเบฒเบเบถเบเบเบดเบเบณเปเบเปเบเบตเบเบเบถเปเบเปเบฅเบทเปเบญเบเป เปเบฅเบฐ เบเบฐเปเบเบเบเบญเบ data เบเบฐเบเบทเบเบเบณเบกเบฒเปเบเป. เบเบฒเบเปเบเบทเปเบญเปเบฎเบปเบฒเบเปเปเปเบญเบตเปเบเปเบเป function เปเบเบฑเบเบชเบดเบเปเบฎเบญเบ, เปเบเบดเปเบเปเบเบเบธเบเบเบตเปเปเบฎเบปเบฒเบเบฐเบเบณเบเบฒเบ optimize เปเบเบทเปเบญเปเบซเปเบกเบฑเบเปเบฎเบฑเบเบงเบฝเบเปเบเปเปเบงเปเบเบถเปเบ.
byte code เปเบฅเบฐ type feedback เบเบตเปเบเบทเบ generate เบเบถเปเบเปเบกเปเบเบเบฐเบเบทเบเบชเบปเปเบเปเบย optimizing compilerย เบเปเบญเบกเปเบเบฑเบ. optimizing compiler เบเบฐเบเบณเบเบฑเบ 2 เบขเปเบฒเบเบเบฑเปเบเบกเบฒเบเบณเบเบฒเบ optimized เปเบฅเบฐ generate เบญเบญเบเบกเบฒเปเบเบฑเบ machine code.
JavaScript เปเบเบฑเบ dynamic type language, เปเบฒเบเบเบงเบฒเบกเบงเปเบฒ type เบเบญเบ data เบชเบฒเบกเบฒเบเบเปเบฝเบเปเบเบเปเบเปเบเบฐเบซเบผเบญเบเปเบงเบฅเบฒ. เบเปเบฒเบซเบฒเบ JS Engine เบเปเบญเบเบเบงเบเบชเบญเบ data type เบขเบนเปเบเบฐเบซเบผเบญเบเปเบงเบฅเบฒ(เปเบเปเปเบเบเบฐเบเบงเบเบเบฒเบเบเบฑเบเบเบฐเบเบฒ, เบเบฒเบเปเบเป data type เปเบกเปเบเบเบฐเปเบฎเบฑเบเปเบซเปเบเบฒเบเบเบฑเบเบเบฐเบเบฒเบกเบตเบเบฐเบชเบดเบเบเบดเบเบฒเบเบซเบผเบฒเบ-เปเบเบฐเบเบณเปเบเปเบเบดเปเบ TypeScript).
เปเบเบทเปเบญเบซเบผเบธเบเปเบงเบฅเบฒเบเบตเปเปเบเปเปเบเบเบฒเบ interpret code. เปเบเบเบฐเบเบฐเบเบตเป run byte code, machine code เบเบตเปเบเบทเบ optimized เปเบฅเปเบงเบเบฐ handle เบชเบฐเปเบเบฒเบฐ case เบเบตเป engine เปเบเบตเบเปเบซเบฑเบเบกเบฒเบเปเบญเบเปเบเบปเปเบฒเบเบฑเปเบ. เบเปเบฒเปเบฎเบปเบฒเปเบเป code เบเบฒเบเบชเปเบงเบเบเบตเปเบกเบฑเบเบเบฒเบ return data type เบเบฝเบงเบเบฑเบเบเปเบณเป, machine code เบเบตเปเบเบทเบ optimized เปเบฅเปเบงเบกเบฑเบเบชเบฒเบกเบฒเบเบเบณเบกเบฒเปเบเปเปเปเปเปเบเบทเปเบญเปเบเบตเปเบกเบเบงเบฒเบกเปเบงเปเบเบเปเบเบทเปเบกเบญเบตเบ. เปเบเปเปเบเบดเบเบขเปเบฒเบเปเบเบเปเปเบเบฒเบก, เปเบเบทเปเบญเบเบเบฒเบ JavaScript เบเบทเบเบญเบญเบเปเบเบเบกเบฒเปเบซเปเปเบเบฑเบ dynamic type เบกเบฑเบเบญเบฒเบเบเบฐเบกเบตเบเบฒเบเปเบซเบเบเบฒเบเบเบตเปเบงเปเบฒ code เบเบฒเบเบชเปเบงเบเบเบตเปเบเบทเบเบฑเบเปเบเปเบกเบฑเบ return เบเบปเบเบฅเบฐ data type เบญเบญเบเบกเบฒ. เบเปเบฒเปเบเบตเบเปเบซเบเบเบฒเบเปเบเบเบเบตเปเบเบถเปเบ machine code เบเบฐเบเบณเบเบฒเบ de-optimized เปเบฅเบฐ engine เบเบฐเบเบณเบเบฒเบเบเบฑเบเปเบ interpreting เปเบเบทเปเบญ generate byte code เปเปเป.
เบชเบปเบกเบกเบธเบเบงเปเบฒเปเบฎเบปเบฒเปเบเปเปเบญเบตเปเบเปเบเปเบเบฒเบ function เปเบเบฑเบเบเบณเบเบงเบ 100 เบเบฑเปเบ เปเบฅเบฐ เบกเบฑเบเบเบฐ return เบเปเบฒเปเบเบตเบกเบกเบฒเบชเบฐเปเปเบต, เบกเบฑเบเบเบฐเบเบทเบงเปเบฒเบกเบฑเบเบเบฐเบเบณเบเบฒเบ return เบเปเบฒเปเบเบตเบกเบกเบฒเบเปเบฒเบซเบฒเบเปเบฎเบปเบฒเปเบญเบตเปเบเปเบเปเบฎเบญเบเบเบต 101.
เบเปเบฒเบเบฑเบเบเบปเบเบกเบฒเปเบเบดเปเบเบญเบตเบเบเบปเบงเบขเปเบฒเบ: เบชเบปเบกเบกเบธเบเบงเปเบฒเปเบฎเบปเบฒเบกเบต sum function เบเบฑเปเบเบเปเปเปเบเบเบตเป, เปเบเบดเปเบเบกเบฑเบเบเบฐเบเบทเบเปเบญเบตเปเบเปเบเปเบเปเบงเบเบเบฒเบเบเปเบญเบ arguments เบเบตเปเปเบเบฑเบเบเปเบฒเบเบปเบงเปเบฅเบเบเบธเบเบเบฑเปเบ:
เปเบ function เบเปเบฒเบเปเบเบดเบเบกเบฑเบเบเบฐ return เบเปเบฒเบเบตเปเปเบเบฑเบเบเบปเบงเปเบฅเบเบญเบญเบเบกเบฒเบเบท 3, เบเบฑเปเบเบเปเปเปเบเบเบตเปเปเบฎเบปเบฒเปเบญเบตเปเบเปเบเปเบกเบฑเบเบเบฐเบเบทเบงเปเบฒเปเบฎเบปเบฒเบเบณเบฅเบฑเบเปเบญเบตเปเบเปเบเปเบญเบตเบเบเบฑเปเบเบเปเบงเบ arguments เบเบตเปเปเบเบฑเบเบเบปเบงเปเบฅเบ 2 เบเปเบฒ.
เบเปเบฒเบกเบฑเบเปเบเบฑเบเปเบเบเบเบฑเปเบเบเปเปเบเปเปเบเบณเปเบเบฑเบเบเปเบญเบเบเบปเปเบเบซเบฒเปเบเบ dynamic เปเบฅเบฐ เบชเบฒเบกเบฒเบ re-use machine code เบเบตเปเบเบทเบ optimized เปเบเปเปเบฅเบตเบ. เปเบเปเบเปเบฒเบเปเปเปเบเบฑเบเปเบเบเบเบฑเปเบ เบกเบฑเบเบเปเปเบเบฐ revert เปเบเปเบเบฑเบ original byte code เบเบญเบ machine code เบเบตเปเบเบทเบ optimized.
เบเบปเบงเบขเปเบฒเบ: เบเบฑเปเบเบเปเปเปเบเบเบตเปเปเบฎเบปเบฒเปเบญเบตเปเบเปเบเปเปเบฎเบปเบฒเบเบฐเบชเบปเปเบเบเปเบฒเบเบตเปเปเบเบฑเบ string เปเบเบเบเบปเบงเปเบฅเบ, เปเบเบทเปเบญเบเบเบฒเบ JavaScript เปเบเบฑเบ dynamic type เปเบฎเบปเบฒเบเบถเปเบเบชเบฒเบกเบฒเบเปเบฎเบฑเบเปเบเบเบเบตเปเปเบเปเปเบเบเบเบตเปเบเปเปเบกเบต Error เปเบเป.
เปเบฒเบเบเบงเบฒเบกเบงเปเบฒเปเบฅเบย 2ย เบเบฐเบเบทเบเบเบตเบเปเบซเปเปเบเบฑเบ string เปเบฅเบฐ function เบเบฐ return เบเปเบฒย "12"ย เบญเบญเบเบกเบฒเปเบเบ. เบเบตเปเปเบเบฑเบเปเบเบเบเบตเปเบเปเปเบเปเบญเบเบกเบฑเบเบเบฑเบเปเบ execute byte code เบเบตเปเบเบทเบ interpreted เปเบฅเปเบง เปเบฅเบฐ เบเบณเบเบฒเบ update type เบเบฑเบเปเบ.
เบญเปเบฒเบเบญเบตเบ:ย ๐โ๏ธ JavaScript Visualized: the JavaScript Engine
