How the JavaScript engine works!! Source to byte code JS V8 engine explained | Advanced JavaScript

If you really want to improve yourself as a Javascript engine then learn how the V8 engine takes the source code that you write and converts into code that runs in your browser or node.js to a byte code level
In this video we look at how the Javascript engine (v8) interprets your JS source code into byte code that runs on a virtual machine.
This is the first part of a series where we explore concepts such as interpretation (using ignition), assembly language (yes you will be able to understand assembly), accumulators, registers etc.
Even though this video goes into advanced javascript concepts, it's super beginner friendly and will helps you really understand how the Javascript v8 engine interprets your source code which will ultimately help you become a better Javascript developer as you will have learned the internals.

[@firstname-lastname]

Your channel popped out when I was looking for more details about JavaScript internals. Great stuff.

[@migom6]

I just discovered you and I'm binge watching every single one, I love all the topics you covered

[@chrishayuk]

So great to hear, glad you’re finding the vids useful

[@sundaypodcom]

Good stuff

[@pani3610]

Starting my JS journey and I love the concept of looking under the hood to see and confirm its not magic! Thanks a lot for the upload.

[@chrishayuk]

You're so welcome!

[@mapbrainnovationsofficial5813]

thanks! it is a super easy to follow video and I am now able to understand how the JS works. Very easy to follow method and thanks for 2 different ways of explaining the concept, (first on ipad and then in code) it really helped!

[@chrishayuk]

glad it was useful

[@mitchynz]

I love this series. Keep it up Chris!

[@chrishayuk]

Thx, glad you like, don’t worry more byte code stuff coming.

[@matanbroner2114]

Such an under subscribed channel! This is the resource about V8 I have been looking for.

[@chrishayuk]

you are too kind. thank you, glad it's useful

[@dm.hol.3624]

What an underestimated channel we have here. Thanks a lot, dude.

[@chrishayuk]

very kind of you, glad you're enjoying

[@rishabsood4981]

Thank you soo much for sharing your knowledge 🤩

[@chrishayuk]

My pleasure 😊

[@TheLuckyyy13]

I took quite an interesting into this subject, totally random, like i was looking of what parsing is about in JS and eventually went through the whole process. I decided to make myself a sketch on paper on what's going on and i'm so glad that my sketch is identical to yours because that just confirms that my research was accurate. There is one last thing i want to find out, and that one is missing from your drawing as well. What compiler is used to generate the machine code at the last step?

[@EBay_Dev]

Please make and share video how to setup v8 engine on our machine and pass js file to it and going through the step by step, I guess it would be a great joy and insightful too, Thank you for your unique & great in depth content.

[@chrishayuk]

I think I kinda do this already in my bun performance video

[@addvert_br0009]

Thanks for this great video

[@chrishayuk]

Thaaanks glad it was useful

[@StarsManny]

What an amazing channel!

[@chrishayuk]

Thank you, glad you’re finding it useful

[@user-kx3zh9ic7s]

Hey Chris, this was a fantastic video! Could you try to do something with asynchronous code and how the Engine handles it? Working with Promises in JS feels like a little bit of a black box. The MDN documentation is great at one level of understanding, but I feel like it needs something a bit deeper.

[@chrishayuk]

Love that suggestion

[@imagineabout4153]

Ok. I'm binge watching your stuff

[@chrishayuk]

i'm so glad you're enjoying the vids

[@nesa6582]

Isnt there some sorts of assembler that further translates compilers output into binary code????????

[@ubaidarshad]

❤

[@user-oc9cf3vw8i]

tumbs up

[@chrishayuk]

Thank you

[@andreaseferi8204]

Where in the browser is the engine located?

[@nahfamimgood]

I've always wondered why we dont just compile our js files to bytecode and send those so that the client can just get right to running the bytecode.

[@chrishayuk]

you kinda can with assemblyscript and webassembly.. although that's not really the norm.

[@thelonearchitect]

it is possible and done in practice though rarely as a mean of obfuscating code (that's what TikTok does)

[@DS-rv2fc]

Byte code is not compiled into machine code always. Compilation within JavaScript only takes place when the JIT compiler translates the byte code into machine code ahead of time to skip potential subsequent code interpretations, making the runtime more efficient. If the byte code is being translated into machine code on the fly and not ahead of time (such as in the case of the JIT compiler) then the byte code is being interpreted into machine code and not compiled. Compilation is the process of translating source code into machine code ahead of time, and interpretation refers to translating it into machine code during runtime.

[@AmmarTheTrainer]

that writing in drawing is hard to understand.. :p

[@chrishayuk]

yeah that was a bad and failed technique

[@aldairacosta4393]

Your shirt looks like Shrek"s tshirt