Understanding Execution Context, Call Stack and Hoisting in JavaScript | Core JavaScript
In this video, we dive deep into the concept of execution context in JavaScript. We explain its importance, different types of execution contexts, and the various phases of it.
Additionally, we explore the concept of call stack and why it is crucial. How call stack works, and how it interacts with execution context, and to visualise execution context and call stack in action.
Finally, we discuss hoisting in JavaScript to help you understand it better.
If you want to become a better JavaScript developer, understanding these concepts is essential. Watch this video to get a comprehensive understanding of execution context, call stack, and hoisting in JavaScript.
Analysing JavaScript: • Introduction to *Objects* | JavaScrip...
Function Expressions with Anonymous functions, IIFE & Hoisting | JavaScript Basics: • *Function Expressions* with Anonymous...
Content:
00:00 - Intro
00:10 - What is Execution Context?
00:33 - Types of Execution Context
00:42 - Global Execution Context
01:21- Function Execution Context
01:49 - Eval Execution Context
02:07 - Phases of Execution Context
02:19 - Memory Assignment Phase
02:47 - Memory Assignment Phase - `window` / `global`, and `this`
03:14 - Execution Phase
03:31 - Example of Execution Context
04:06 - Why is Call Stack necessary?
04:31 - What is Call Stack?
04:58 - Example of Call Stack
06:03 - Example of Execution Context with Call Stack - Visualisation
09:09 - Example of Execution Context with Call Stack - DevTools
11:14 - Hoisting in JavaScript
12:06 - Summary
Tools being used:
Code editor: VS Code ( https://code.visualstudio.com/ )
Manage version control: GIT ( https://git-scm.com/downloads )
GUI for GIT: Sourcetree ( https://www.sourcetreeapp.com/ )
Design: Pencil Project ( https://pencil.evolus.vn/ )
Repository: GitHub( https://github.com/DecodeWebWithRohan... )
Graphic Design: Canva ( https://www.canva.com/ )
Recording: OBS Studio ( https://obsproject.com )
Video Editor: DaVinci Resolve ( https://www.blackmagicdesign.com/prod... )
Link to the code repositories:
https://github.com/DecodeWebWithRohan...
Please consider supporting the channel:
https://paypal.me/DecodeWebWithRohan
Follow me on Twitter or Facebook:
/ decodewebwrohan
/ decodewebwithrohan
En esta página del sitio puede ver el video en línea Understanding Execution Context, Call Stack and Hoisting in JavaScript | Core JavaScript de Duración hora minuto segunda en buena calidad , que subió el usuario Decode Web with Rohan 18 marzo 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 455 veces y le gustó 15 a los espectadores. Disfruta viendo!
