Hoisting in JavaScript 🔥(variables & functions) | Namaste JavaScript Ep. 3

Hoisting in JavaScript is the most famous Interview Question. And it is also one of the most misunderstood concepts in JS. This video will cover in-depth knowledge and fundamentals behind variable and function hoisting.
Hoisting as a core concept relies on the way how Execution Context is created. In the first phase i.e. the Memory Allocation Phase all the variables and functions are allocated memory, even before any code is executed. All the variables are assigned undefined at this point in time in the local memory.
My tech gear I use every day - google.peek.link/2pba
Topics Covered:
00:00 - Introduction to Hoisting in JavaScript (with examples)
00:54 - Variable and Function Hoisting in JS
03:02 - Definition of Hoisting
03:52 - Functions Hoisting Behind the Scenes
04:37 - Diving Deep under the hood of the JavaScript code
13:37 - Summary and Interview tip
14:12 - Demo of Call Stack in the Browser
18:23 - Teaser of the next video - How functions work in JavaScript?
18:38 - Thank you for watching Namaste JavaScript 🙏
Support this video series, NOT BY MONEY, but by sharing it with your friends. 🙏
I'll give my best to come up with great content and everything absolutely for free on KZbin. 😊
If you are active on Social Media,
please give a shoutout to Namaste JavaScript and help me reach more people. 🙏
Cheers,
Akshay Saini
akshaysaini.in
Would love to Stay Connected with you ❤️
LinkedIn - / akshaymarch7
Instagram - / akshaymarch7
Twitter - / akshaymarch7
Facebook - / akshaymarch7
#NamasteJS #AkshaySaini

[@akshaymarch7]

Next Video: How functions work in JS? 🔥 - kzbin.info/www/bejne/nYSnn5avqqyqZtU How was the video? Are you feeling excited? Please comment below. ❤️

[@morishjoyekka3255]

Very.........excited😘😘😘

[@tejalbhavsar4610]

like never before

[@ameyashenoy1199]

So many of my misunderstandings were cleared today! Great series!!

[@shashikantkalshetty]

waiting for ur "this" video. Ur videos are awesome

[@vamsikrishnasayarwar1792]

Super Excited , Hail Akshay

[@PraveenReddy-nk5zn]

After explaining the Hoisting , the interviewer is like "Are you from Namaste Javascript Academy ?" :P

[@akshaymarch7]

Haha 😅

[@bhavesh2952]

Haha true😂

[@samar7190]

😂😂😂

[@nishaupreti168]

😁

[@deepakmalviya1182]

What if Akshay Sir will be your interviewer?? And he asked something out of Javascript course??

[@AmanMishra-pn3cq]

Things Learned: 1. In JS, before the code is executed, the variables get initialized to undefined. 2. Arrow functions enact as variables and get "undefined" during the memory creation phase while functions actually get run. 3. Hoisting: Mechanism in JS where the variable declarations are moved to the top of the scope before execution. Therefore it is possible to call a function before initializing it. 4. Whenever a JS program is run, a global execution block is created, which comprises of 2: Memory creation and Code execution. 5. Variable declarations are scanned and are made undefined 6. Function declarations are scanned and are made available

[@differfields1916]

Thanks Bro😍😍

[@surajprajapati4890]

one more thing bro, var is initialized with undefined but let is not initialized to undefined

[@111rhishishranjan2]

very good bro , Jai shree krishna

[@deepaksai3637]

Bro in hoisting definition...u mentioned variable declarations moving to the top...nothing is moving to the top and thats the reason he explained all this. When js code runs and execution context is created and 2 phases happens 1)Memory execution phase 2)Code phase.In memory allocation phase it skims the js code and allocate memory to variables(undefined) and function(full code). When u try to access those without initializing those values are printed ...that is the mechanism of javascript called Hoisting.

[@hafizmuhammadzaeem6330]

@@deepaksai3637 came here to say the same thing. This comment killed the purpose of Akshay making this video

[@erinkahn4228]

It's such a shame that people are not taught this. Thank you for explaining it so well.

[@meruguvenkatesh1931]

I think you will get correct and exact explanation from Brendan Eich. Instead of casting blame or shame, Go and ask him if possible. Don't judge the people who are teaching, that educators teach based on what they've learned.

[@shortstories2283]

You are correct 💯

[@bruvhellnah]

@@meruguvenkatesh1931 She's thanking the guy for teaching this. She's not blaming anyone you absolute dimwit.

[@pranjalsrivastava4260]

@@meruguvenkatesh1931 who is judging him infact she is appreciating him

[@kunal4830]

1. Hoisting in JavaScript is a process in which all the Variables, Functions and Class defination are declared BEFORE execution of the code 3. Variables are initialised to UNDEFINED when they are declared and Function defination is stored AS IT IS. 4. They are declared in Memory Allocation Phase in the Memory Component of Execution Context, so we can use them even BEFORE they are declared. 5. UNDEFINED means Variable has been declared but value is not ASSIGNED but NOT DEFINED means Variables is NOT DECLARED. 6. When we assign Variable to a Function defination, we CAN NOT call this Variable as Function BEFORE declaration as it will behave as Variable with UNDEFINED value.

[@yogeshyts]

mst notes bna diye

[@raisanjeeb42]

Thanks Kunal

[@StudyZone-iu8nt]

Thank you so much 😮

[@Aptilover]

Can we say hoisting is just a process which is done in memory creation phase

[@imto1]

@@Aptilover I think it is bcz of memory creation phase hoisting is possible;

[@aayush5474]

2 Golden Rules: 1. Variable declarations are scanned and are made undefined 2. Function declarations are scanned and are made available

[@vinothkumarv9722]

Awesome bro note this point very important...... clearly understand me

[@jhanitesh8115]

Yes, but not if you are using ES6 feature let or arrow function. You can correct me if I am wrong.

[@Desireanshu]

and arrow function and foo = function(){...} type of function also behave like a variable in memory creaton phase.

[@basepasandhai1906]

Yup the value of the variables are assigned in the execution phase, where the code starts executing line by line...

[@vitalvisions4U]

I remember these lines from some other video. Can't recall which one.

[@ashutoshdwivedi7484]

No paid course can match your level, Sir. Thank You so much for this valuable content. Namaste 🙏🏻 Sir . Namaste 🙏🏻 JavaScript

[@DebjitMajumdar]

Go watch Front End Masters.

[@ashutoshdwivedi7484]

@@DebjitMajumdar Appreciate the efforts bro 😊❤

[@rajangrover4351]

Have you completed this course how was the course i mean was all the topics covered

[@kdramafan3314]

Agreed

[@theblackelephant]

Hoisting will work with a variable ONLY when it is declared using the var keyword, but will not work when a variable is declared using the let keyword which is now the standard of declaring variables in JavaScript as of the year 2023. This is really a great video for one who is starting JavaScript or professionals who are refreshing up their knowledge on JavaScript

[@ravisingh-el8np]

let and const variables and functions are also hoisted , hoisting just means that they are present in the memory before code execution , but the point here is that let and const are set to uninitialised during memory creation phase and var variables are initialised with undefined but var let const all are hoisted keep in mind

[@shubhammane2077]

will u please explain me that @@ravisingh-el8np

[@shubhammane2077]

even I faced this issue

[@XiaoxingHu]

I love the passion of this guy. You can feel the excitement of talking about the stuff. Dude begs you for two more minutes of your time to teach you something cool. Love it!

[@Tradebull03]

Interviewer: What is function? (Me after watching Namaste JavaScript series) Function are beautiful. Interviewer: Please escort this gentle man outside.

[@nitingupta1650]

Hahahabbaha

[@iamsajjadalidev]

hahahah my answer will be definitely same

[@sacrajah]

Of course, with appointment letter.!

[@rakeshkumarparida98]

😂

[@Yogi_The_Bitter_Truth_2408]

nobody explained it so easily before in a very entertaining way. he is best teacher.

[@jayjani740]

The best part: "Working demo of Call Stack with a simple yet important example". Thanks Akshay :)

[@jayjani740]

Akshay, I've DM you on Instagram. Please help me out with it. Thanks in advance :)

[@pankhurigandhi625]

after the hype of linkedin i came here and believe me it was worth it all...the way of your presentation and the feeling that instead of a teacher a friend is teaching,makes the videos more and more interesting.thanks a lot for sharing your precious knowledge with us and that too for free of cost.

[@ashutosh_code]

I came here becuase one of my linked in connection suggest me to watch a single video, now I am following Akshay sir

[@prafull3313]

Everytime I go through this series, I learn something new. I watched this series a lots of time, but never feel bored going through this again and again.

[@arnavsingh0]

14:15 Akshay: Just give me two more minutes. Me: YES.

[@akshaymarch7]

Thank you for your time, brother. ❤️

[@codecrook]

Ohh my God, Man!! 🔥 Heavy stuffs. I literally had goosebumps when you showed practical example of "Call Stack".📚 Thank you so much for these awesome contents. 🙏🏼

[@narasimharao1537]

One of the interviewer suggested your channel - I studied bits and pieces of the concepts not fully understood now you made it clear. 14:18 here you're asking a person to stay for more minutes so kind of you, that you are teaching people with no personal gain. Thank you. I will recommend your channel to my friends.

[@Thelittlestvick]

Just want to say your JS series is my favorite! Learning syntax and stuff is cool but I really appreciate you taking the time to instruct us on how the language actually works. Fundamentals are fundamental! Thank you Akshay!

[@abcdabcd8605]

Absolutely true!!

[@zahebshamsi]

Kyle Simpson : "You Don't Know JS" Akshay Saini : Bro, Just Chill

[@prasoonchatterjee8226]

i'm here to reaffirm what i learnt in ydkjs, akshay saini is definitely brilliant in his explanation

[@shubhamkumarsingh1717]

For arrow functions, we are storing function inside a variable, and when memory is allocated to variables it store undefined, so when we try to invoke the variable as a function, js finds undefined instead of a function, so it shows error that getName() is not a function as that is actually a normal variable that you're are trying to access as a function............ Thanks to you, now i completely understand this

[@AstraRudra]

Yea, this was the best part of this video. Never deep dived into arrow, although using it on a daily basis.

[@lovetocode9266]

Thanks to make it clear for me.

[@suvrat_]

The enthusiasm that you brings with each video is just awesome, it doesn't let us feel bored.

[@k.ashutoshbaitharu3964]

This is probably the most important video for someone who is coding with JS and not just beginners!

[@vishnugajulapalli5305]

Even after taking 20 min of break time, my lecturer never says, just give 2 more minutes, I will finish this. But you are different. You deserve a lot of respect bro. Thank you for educating us 😊

[@avikkundu]

Summary: 1. In JS, before the code is executed, the variables get initialized to undefined. 2. Arrow functions enact as variables and get "undefined" during the memory creation phase while functions actually get run. 3. Hoisting: Mechanism in JS where the variable declarations are moved to the top of the scope before execution. Therefore it is possible to call a function before initializing it. 4. Whenever a JS program is run, a global execution block is created, which comprises of 2: Memory creation and Code execution.

[@pratiksinghthakur3702]

Thanks bro

[@adi5194]

3. Hoisting: Mechanism in JS where the variable declarations are moved to the top of the scope before execution. Pretty sure this is wrong

[@vivekk.527]

yes point 3 is wrong. During the memory creation phase, JS allocates memory to all variables and functions, and it stores the whole code of function inside memory component. So that's why we can use functions before defining it.

[@TechieMoron]

Maza aagaya! Working as an Angular Developer since last 6 years, but never really understood these nuances of javascript. Amazing series. Thanks for bringing it to us.

[@user-uh9mk4mg9x]

Many JavaScript programmers explain hoisting as JavaScript’s behavior of moving declarations (variable and function) to the top of their current scope (function or global). As if they were physically moved to the top of your code, which is not the case. For example: console.log(a); var a= 'Hello World!'; They will say, the above code will transform into this code after hoisting: var a; console.log(a); a = 'Hello World!'; Although this is what appears to be happening (because the code is working fine), this isn’t actually happening, your code isn’t going anywhere. The JavaScript engine is not physically moving your code, your code stays where you typed it. During compile phase, just microseconds before your code is executed, it is scanned for function and variable declarations. All these functions and variable declarations are added to the memory inside a JavaScript data structure called Lexical Environment. So that they can be used even before they are actually declared in the source code. What is a Lexical Environment? A lexical environment is a data structure that holds identifier-variable mapping. (here identifier refers to the name of variables/functions, and the variable is the reference to actual object [including function object] or primitive value). This is what a lexical environment conceptually look like: LexicalEnvironment = { Identifier: , Identifier: } So in short, a lexical environment is a place where variables and functions live during the program execution.

[@rhythmpatel5665]

Legends binge-watching this series!! Akshay bhai OP 🦁

[@logeshwaribabu1954]

The way he explains things shows how much he loves JavaScript and teaching JS.. just awesome...🔥🔥🔥🔥🔥🔥

[@ingridoncken9732]

Each video makes me more excited to learn more about JS. What a great series!

[@adebowaleyemisi9854]

You the best teacher on the internet. I've spent a lot in the past on very expensive courses and none compares to your free content. Very impeccable delivery 👌.

[@shineinusa]

In your next interview, if the interviewer asks about hoisting dont say the pieces of code will be moved here and there 😂😂-- askhay, that was the moment for me, now i can explain about hoisting even better.

[@akshaymarch7]

😅

[@soorajs577]

@@akshaymarch7 thanks 😍😍

[@mohitjain4662]

i have also given the same answer..:)

[@shivaprasadgurram]

I always believe "A great teacher can change a student life", You are a great teacher. I wish you all the best for your next videos :)

[@nour.m8205]

I love the enthusiasm and clarity by which you approach these topics that can be dry otherwise.

[@k.ashutoshbaitharu3964]

Note: var assigns the value in global scope so we're able to see the x key in the window object. Unlike var; let and const are not global scope, they are block scoped so they won't be visible openly in window object. There will be another scope above global called 'Script' where you should see the variables defined with const and let.

[@coderinprocess2678]

yes, i have just tested it . the variable declared with cosnt/let are in script scope. let me search what is this

[@bhuvansharma3090]

its write because they are block scoped so they throw the reference error if we use it before initialization.

[@nikhilflautist]

Today was my Internship interview, He asked me about reference error, undefined, closures and Hoisting, I was like "Hosting?", yes I have hosted my project live😂. It was really shameful for me to be like that as being a Web Developer. Now, not anymore. After 1 hour of my interview, I have started learning JS from this Playlist, It is wonderful and best ever playlist on JS. Thanks a lot Akshay Sir for your invaluable playlist. Thankyou a lot.

[@JaiPrakash-ku7it]

What is reference error??

[@shubhendusen721]

@@JaiPrakash-ku7it whenever you try to reference a non existing variable or a variable outside it's determined scope then a reference error is thrown by your host environment

[@JaiPrakash-ku7it]

@@shubhendusen721 Thanks I got it.

[@Shriswamisamarth-sevekari-KgnR]

U got job now ..or not...

[@nikhilflautist]

@@Shriswamisamarth-sevekari-KgnR Hi. Yes, its been around 3yrs of this incident. Even I forgot that someday I commented here. Thans for reminding ✌🏻😅. Yes, joined at 7lpa in a service based company 2 months ago. Thanks for asking.

[@mohdr7546]

I was struggling with these concepts ever since i started learning js. Has been more than 6 months now. I could'nt believe this is all there is to it. Really oversimplified! Thank you so so much!!!

[@hironakae]

Wow I have not seen this information anywhere else on youtube, also the care you put into making this clearly understandable is super impressive and great!

[@coderpro5338]

You explained hoisting so clearly that i can explain it to anybody even in my dreams. Thanks for the great explaination🔥🔥🔥

[@amnahkhatun8401]

Awesome explanation, Never thought some one can explain JS in this way and it can actually make sense 😅. Bonus is your smile ❤.

[@mohitmohlia8420]

His eyes shine while explaining. I am on the 3rd episode of the series and in love with this already. I wish I found his channel more sooner.

[@suresh-ih5fh]

Literally Very good stuff. You just changed my thought process of learning by doing on my own by just reading only official docs. All these days I haven't watched any video lectures and highly dependent docs and blogs but after looking at your explanation I got to know someone like tech experts analysis will help us to understand concept in easy and right way. From today I will give equal importance to Video lectures and Docs

[@zb2747]

The best teacher I've come across that explains JS so simply - thank you brother!

[@mayankmittal6552]

Man!! now I understood hoisting - moving variables and function declaration to the top--BULLSHIT, it's simply because JS allocates memory for all variables and functions defined in program before execution.

[@neelthakkar4492]

Started feeling really confident about hoisting. Man it used to confuse me a lot. But watching every video in line made me clear.

[@pratiksha6926]

It really given a clear picture on the concept, no one till now has explained so well... amazing content

[@uttamsutariya]

I have learned javascript from many instructors but no one teaches that you are explaining in depth in this videos, thank you so much sir

[@ruchikajain4330]

I can already see your dream of making your viewers fall in love with Javascript live and in action. This is a beautiful course on JavaScript and I'm loving it. Thank you so much for all your efforts. Kudos to you.

[@akshaymarch7]

❤️

[@BharatiSubramanian99217]

I must say. I am slowly falling in love with JavaScript. It's so beautiful when you get explanations for concepts that are simply stated in books and taught in online tutorials without justification. Kindly inform me what book you follow for these concepts. Would love to read more about these concepts in depth. Thank you, Akshay!

[@vinayakkadlennavar2031]

The best code flow explanation I have ever come across all these years.😍😍

[@jayantissar]

he is soo sweet explaining us all the things and even requesting people like "please wait two i want to show you something more interesting thing" that's soo noble of you sir❤

[@saugatrajbhandari4247]

the laugh between the explaination is amazing

[@frank3481]

Holy shit. You explain things so well. Like literally the best hoisting explanation I’ve seen so far. Impressive. Please make more videos.

[@anitasunildesai]

Getting goosebumps while listening to your lectures as they are so interesting due to clarity and in depth understanding you give. No one can teach like you. Thanks a lot. God bless you.

[@atharv9609]

From your previous 2 videos and this one, what I liked most is how you skipped details about writing variables, functions because it can be learned anywhere. You directly went on intricate details of how JavaScript works. This is what I generally look when I wish to study new language. I mean learning syntax or how to write functions I don't need a video on that. What I really wish to know is how exactly the functioning of this program different from others. In fact before you explained reason behind hoisting I got to know it right away because of how precisely you went though with details of execution context and its phases in previous video.

[@prashantrai1739]

First time i have seen someone going so deep theoretically as well as showing it practically in JS. It clears all my doubts ❤️❤️👏👏

[@surenmessi]

I am new to your channel which was suggested and shared by my friend. I am love the way you explaining things one by one.My experience no one had explained this Javascript like you did... Hats off... You are doing great job

[@akshaymarch7]

Welcome aboard brother!

[@trinadhkamma8186]

You've changed my way of thinking in Javascript.Thank you so much❤️

[@abhishekmukherjee2091]

I watched only first 2 series now actually know what happens behind the scenes in JS, it makes the programming language very easy and now it all makes sense. Exited for the whole path ahead !!

[@uchihasimar7268]

Akshay Saini, this is the best way to explain hoisting. Like I could figure out the answers just with the help of previous video concepts!!! Like mind blowing!!!

[@NikhilSharma-yd9ut]

Loving the series, and loving the love and excitement that you have for javascript😂

[@yashjariwala1121]

i love how passionately you speak of javaScript.... love it

[@mohitkaushik1658]

This is so good, the depth of knowledge and your enthusiasm. Thank you. any chance you can make a whole course like this for react?? That will be amazing.

[@sanketnaik2591]

My whole life was a lie😂. Literally i used to say all variables move to top.

[@sudarshankalebere5526]

Interviewer also selected you for that answer 😁😁 his life is also lie till today pls send him Namaste JavaScript link 😁

[@ganeshshetty8441]

@@sudarshankalebere5526 So true 😂😂😂😂😂😂😂😂😂

[@VinodKumar-ke3ot]

haha... I think this shouldn't be called as hoisting then. that word making us to think this way

[@sanketnaik2591]

@@sudarshankalebere5526 😂😂😂😂😂

[@prasathrajasekaran9365]

Thanks for this course, it is extremely helpful !

[@vahidseyidov]

Wow man. This series is incredible. Each video has its own beauty of simplicity. Thank you very much!!

[@sauravkumarsonu5539]

Namaste Akshay when you first made this playlist, I was in college and I watched them at that time not much effective as i was not using JS but now my corporate journey started and I'm using JS and these concepts are really helping me a lot. Thank you so much for this wonderful playlist ❤

[@sinanmp7953]

I used to believe that finding the perfect JavaScript tutor was impossible, but then I stumbled upon this video and I have to say, I'm impressed! The concepts are explained clearly and the tutor does an excellent job of breaking down the code. I appreciate the effort put into making this video and I'm excited to continue learning from you. Keep up the great work!

[@BharatR97]

Wow! Cool demo for call stack and execution context in general, just makes me wish I had seen this earlier 😅

[@RaviSharma-nl6by]

i think you're a good teacher to explain the basic concept of js and other tutorial are define the case of js but no one is going to deep to explian this concept. thank you bro.

[@sanjanareddykalsani]

love how you are very enthusiastic about teaching JavaScript

[@deepjyotkaurbindra]

I have never come across such high-quality content on JS. Thanks for digging so deep.

[@srishtivishnoi878]

Great explaination for hoisting, also loved the demo of call stack :-)

[@vishalisanghishetty8976]

Love your enthusiasm in teaching JavaScript effortlessly. Thank you for sharing these priceless videos with us. Each video is spot on, especially for those who need that extra explanation, like me. You are GOD send!

[@harshitpal5558]

gone though many javascript courses, videos, lectures, but unsatisfied with their explainations finally found the best chanel for learning javascript

[@sabanaaz821]

I have seen a lot of you tube videos for this and honestly no one has explained like you❤ ..it was a great great explanation...and now after learning from you I'm actually feeling like a pro😂😅

[@vikasmv5952]

Just had one doubt As we know var , let , const all are hoisted but let and const go yo temporal dead zone and we cannot access it until it is initialized. Now just will give 3 examples Eg 1 Let a = 0 Console.log(a) Output = 0 Eg 2 Console.log(a) Let a= 3: Output : cannot access a before initialization. Eg 3 Let a; Console.log(a) a=2; Output : undefined I understood 2nd but 3rd as during memory allocation phase a will be undefined and as its declare using let it will go to temporal dead zone and we cannot accept until it is assigned with value , so in this case how we are getting undefined. Can you give clear idea on this

[@vikasmv5952]

Just had one doubt As we know var , let , const all are hoisted but let and const go yo temporal dead zone and we cannot access it until it is initialized. Now just will give 3 examples Eg 1 Let a = 0 Console.log(a) Output = 0 Eg 2 Console.log(a) Let a= 3: Output : cannot access a before initialization. Eg 3 Let a; Console.log(a) a=2; Output : undefined I understood 2nd but 3rd as during memory allocation phase a will be undefined and as its declare using let it will go to temporal dead zone and we cannot accept until it is assigned with value , so in this case how we are getting undefined. Can you give clear idea on this

[@sushantkumar1854]

you are an angel, believe me you really are ! the best tutorial ever !

[@akshaymarch7]

Haha 😅

[@snehapawar1688]

Loved it..... Everytime i watch this series , i always find something interesting and new concept.... Loved the way you explain...

[@azamtamboli3186]

This was very much required for me. Your answers to these queries were worth a million.

[@tejasjani2544]

Only because of you😇 I can learn javascript in depth. Thank you Akshay Saini❤️. And Outro music 🎶 is Awesome.

[@chandanmishra1229]

Thank you for such an amazing video. Summary: When you execute your code, an execution context is created. This context has 2 components, which are the memory component and the code component. In the memory component, before the code is executed, the whole code is scanned. And after scanning the whole code 2 things happen: 1. variables are allocated to the memory and are made undefined 2. functions are allocated to the memory and are made available ( Exceptions: Arrow functions act as variables. var x = function(){} also acts as a varibale Implying x and the arrow function, after being scanned will be made undefined. ) And when the code starts to execute and the control is now in the code component of the execution component, the variables are now assigned the values. And hence, even though the function is called without being defined, it will give the response and in the case of variables, it will show undefined. This whole process is called hoisting. In brief, hoisting is a phenomenon in JS by which you can access the variables and functions even before initializing them. And the variables will be made undefined. While the functions will be made available.

[@srijansagar1250]

you are doing gods work

[@shwetasrivastava1994]

Awesome, I am just speechless to know the actual concept behind hoisting, I always understood hoisting meaning and what it does but never knew how it actually happens. Thanks a lot

[@GauravSharma-ze4cu]

another interesting thing console.log(function_name) print the whole function along with "comments" . that's amazing

[@MuhammadAwais-rp8po]

Amazing Explanation! Can you make a similar series on react and node js ?

[@hiteshbariya384]

when he is speaking I am literally nodding my head. :)

[@salehabdullahi9356]

It feels so good learning what hoisting is, before watching this video when i hear the word hoisting i always think of something more difficult to learn, but with your explanation it becmes more easy.

[@nipunrawat]

Great job Akshay! Giving back to the community is one of the best things to offer. A quick suggestion.. you could also cover another scenario where name of variable and function is same. Eg: var abc = 2; function abc () {...} abc();

[@akshaymarch7]

Yeah, that's a nice corner case which could have been covered. 😅 No issues, I'll see if I can accommodate in some other video in series. Thank you for your suggestion Nitin. 😇

[@harikrishnang8181]

It won't work right It returns an error like abc is not function🤔

[@himanshubhandari7222]

@@harikrishnang8181 what if we change the order? Like- Declare function Declare variable Call function

[@prateekpandey4781]

The explanation shows how deep your understanding of the language is. Great job! P.S Using JS from 1.5 years as a Software Developer but didn't know about these things!!

[@ajinkyavaidya7129]

i am using it for 7+ years, still had no idea till today :P

[@giannizamora7247]

what sucks is we can use JS for years and not understand it at a deeper level. I feel that this playlist should be linked to all JS tutorials that only focus on syntax. I'm glad I found this playlist.

[@praveenpoonja95]

From you previous video I could figure out why. Before the program begins execution the memory phase begins which will allocate spaces to all the variables and functions in the execution context. So for example a variable declared anywhere (for ex: say line number 200) can be accessible in any line before or after it. Thank you man❤️

[@darshangade1506]

I'm absolutely pumped! Your teaching style is truly groundbreaking.

[@bhatvikrant]

I hope my like gave you a HUGE motivation 😂😂😂 On a side note: Thanks Akshay, this series is a lifesaver.

[@akshaymarch7]

Yes, it did. 😌

[@chetansolanki5104]

Just for a note: In JavaScript before execution of code, Execution Context is created which has 2 phases - 1st is Memory creation and 2nd one is Code execution. In the memory creation phase memory is allocated to all the variables, functions and class definitions. So we can use them even before they are declared. Variables are stored as undefined and function definition is stored as it is.

[@ishitachauhan9723]

Thank you, sir.. this playlist has stolen my heart. Loved the dedication you have put in to make such amazing content. And definitely this is fun and engaging ❤

[@aman__gaur]

Your videos really made me fall in love with JavaScript. These are world-class explanations!

[@gowthamv8778]

Will hoisting work with let and const?

[@akshaymarch7]

`let` and `const` are treated differently than `var` and functions. They are not assigned `undefined` in the memory allocation phase. Instead they are `un initialised` and are stored in a separate space in the memory. I'll cover it in detail when I talk more about es6 concepts. `let` and `const` deserve a separate video altogether 👍 Thanks for your comment, Gowtham. I'll try to cover this soon. 😇

[@frank3481]

Please do! Can’t wait for it. This is literally the best hoisting explanation I’ve seen. Thanks

[@vinothkumarv9722]

@@akshaymarch7 yes, i have the same question now clear...needed video's for this. Please explain.. when the ES6 concepts will start.... first videos this..one only i request.... not i , We Request :)

[@dylanfa8888]

I've been working with Javascript for the last 10 years, but your videos have helped me understand what the hell is going on behind the scenes. You sir, have a gift of explaining!

[@maddakasivasankar7354]

I just fall in love with your explanation bro... No one ever explained the concepts this clear... Thanks is very small word I could say... It's like Never Before Ever After😊❤

[@mosongojordan6333]

So happy to watch this videos series about javascript in depth. Hoisting is very important I misunderstood it first as a mechanism to carry variables at the top of the file. But I got light on it chiefly on execution contexte as clearly explained before. Thanks

[@praneethvankadara8520]

just "WOWWWW" is not enough. you changed my perspective of understanding programming.

[@toantran5611]

Looked at the title, I thought I knew it, till watching it. I realized how much I don't know. Thank you very much for the quality content. I really appreciate it!

[@SahilKumar-rw3sh]

The hype is worth it. This series is pure gold. 🔥 🔥🔥

[@ChaitanyaSaiNeeli]

Love the way you explain how the things work internally using dev tools, this is really rare and the best part. Thank you :) for all the knowledge Akshay.