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

  Рет қаралды 1,203,479

Akshay Saini

Akshay Saini

Күн бұрын

Пікірлер: 2 400
@akshaymarch7
@akshaymarch7 4 жыл бұрын
Next Video: How functions work in JS? 🔥 - kzbin.info/www/bejne/nYSnn5avqqyqZtU How was the video? Are you feeling excited? Please comment below. ❤️
@morishjoyekka
@morishjoyekka 4 жыл бұрын
Very.........excited😘😘😘
@tejalbhavsar4610
@tejalbhavsar4610 4 жыл бұрын
like never before
@ameyashenoy1199
@ameyashenoy1199 4 жыл бұрын
So many of my misunderstandings were cleared today! Great series!!
@shashikantkalshetty
@shashikantkalshetty 4 жыл бұрын
waiting for ur "this" video. Ur videos are awesome
@vamsikrishnasayarwar1792
@vamsikrishnasayarwar1792 4 жыл бұрын
Super Excited , Hail Akshay
@erinkahn4228
@erinkahn4228 Жыл бұрын
It's such a shame that people are not taught this. Thank you for explaining it so well.
@meruguvenkatesh1931
@meruguvenkatesh1931 9 ай бұрын
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
@shortstories2283 8 ай бұрын
You are correct 💯
@bruvhellnah
@bruvhellnah 8 ай бұрын
@@meruguvenkatesh1931 She's thanking the guy for teaching this. She's not blaming anyone you absolute dimwit.
@pranjalsrivastava4260
@pranjalsrivastava4260 6 ай бұрын
@@meruguvenkatesh1931 who is judging him infact she is appreciating him
@JigsawXop
@JigsawXop 5 ай бұрын
​@@meruguvenkatesh1931 She is praising him
@PraveenReddy-nk5zn
@PraveenReddy-nk5zn 4 жыл бұрын
After explaining the Hoisting , the interviewer is like "Are you from Namaste Javascript Academy ?" :P
@akshaymarch7
@akshaymarch7 4 жыл бұрын
Haha 😅
@bhavesh2952
@bhavesh2952 3 жыл бұрын
Haha true😂
@samar7190
@samar7190 3 жыл бұрын
😂😂😂
@nishaupreti168
@nishaupreti168 3 жыл бұрын
😁
@deepakmalviya1182
@deepakmalviya1182 3 жыл бұрын
What if Akshay Sir will be your interviewer?? And he asked something out of Javascript course??
@AmanMishra-pn3cq
@AmanMishra-pn3cq 2 жыл бұрын
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
@differfields1916 2 жыл бұрын
Thanks Bro😍😍
@surajprajapati4890
@surajprajapati4890 Жыл бұрын
one more thing bro, var is initialized with undefined but let is not initialized to undefined
@111rhishishranjan2
@111rhishishranjan2 Жыл бұрын
very good bro , Jai shree krishna
@deepaksai3637
@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.
@Hafiz_Muhammad_Zaeem
@Hafiz_Muhammad_Zaeem Жыл бұрын
@@deepaksai3637 came here to say the same thing. This comment killed the purpose of Akshay making this video
@pankhurigandhi625
@pankhurigandhi625 2 жыл бұрын
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
@ashutosh_code 9 ай бұрын
I came here becuase one of my linked in connection suggest me to watch a single video, now I am following Akshay sir
@XiaoxingHu
@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!
@aayush5474
@aayush5474 4 жыл бұрын
2 Golden Rules: 1. Variable declarations are scanned and are made undefined 2. Function declarations are scanned and are made available
@vinothkumarv9722
@vinothkumarv9722 4 жыл бұрын
Awesome bro note this point very important...... clearly understand me
@jhanitesh8115
@jhanitesh8115 4 жыл бұрын
Yes, but not if you are using ES6 feature let or arrow function. You can correct me if I am wrong.
@Desireanshu
@Desireanshu 4 жыл бұрын
and arrow function and foo = function(){...} type of function also behave like a variable in memory creaton phase.
@kumaramit04-q6c
@kumaramit04-q6c 3 жыл бұрын
Yup the value of the variables are assigned in the execution phase, where the code starts executing line by line...
@vitalvisions4U
@vitalvisions4U 3 жыл бұрын
I remember these lines from some other video. Can't recall which one.
@jayjani740
@jayjani740 4 жыл бұрын
The best part: "Working demo of Call Stack with a simple yet important example". Thanks Akshay :)
@jayjani740
@jayjani740 4 жыл бұрын
Akshay, I've DM you on Instagram. Please help me out with it. Thanks in advance :)
@ashutoshdwivedi7484
@ashutoshdwivedi7484 4 жыл бұрын
No paid course can match your level, Sir. Thank You so much for this valuable content. Namaste 🙏🏻 Sir . Namaste 🙏🏻 JavaScript
@DebjitMajumdar
@DebjitMajumdar 3 жыл бұрын
Go watch Front End Masters.
@ashutoshdwivedi7484
@ashutoshdwivedi7484 3 жыл бұрын
@@DebjitMajumdar Appreciate the efforts bro 😊❤
@rajangrover4351
@rajangrover4351 2 жыл бұрын
Have you completed this course how was the course i mean was all the topics covered
@kdramafan3314
@kdramafan3314 2 жыл бұрын
Agreed
@kunal4830
@kunal4830 2 жыл бұрын
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
@yogeshyts 2 жыл бұрын
mst notes bna diye
@raisanjeeb42
@raisanjeeb42 Жыл бұрын
Thanks Kunal
@StudyZone-iu8nt
@StudyZone-iu8nt Жыл бұрын
Thank you so much 😮
@Aptilover
@Aptilover Жыл бұрын
Can we say hoisting is just a process which is done in memory creation phase
@imto1
@imto1 Жыл бұрын
@@Aptilover I think it is bcz of memory creation phase hoisting is possible;
@theblackelephant
@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
@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
@shubhammane2077 10 ай бұрын
will u please explain me that @@ravisingh-el8np
@shubhammane2077
@shubhammane2077 10 ай бұрын
even I faced this issue
@codecrook
@codecrook 3 жыл бұрын
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. 🙏🏼
@vishnugajulapalli5305
@vishnugajulapalli5305 4 жыл бұрын
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
@avikkundu 3 жыл бұрын
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
@pratiksinghthakur3702 2 жыл бұрын
Thanks bro
@adi5194
@adi5194 2 жыл бұрын
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
@vivekk.527 2 жыл бұрын
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.
@prafull3313
@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.
@atharv9609
@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.
@shivaprasadgurram
@shivaprasadgurram 3 жыл бұрын
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 :)
@arnavsingh0
@arnavsingh0 4 жыл бұрын
14:15 Akshay: Just give me two more minutes. Me: YES.
@akshaymarch7
@akshaymarch7 4 жыл бұрын
Thank you for your time, brother. ❤️
@nikhilflautist
@nikhilflautist 3 жыл бұрын
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
@JaiPrakash-ku7it 3 жыл бұрын
What is reference error??
@shubhendusen721
@shubhendusen721 3 жыл бұрын
@@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
@JaiPrakash-ku7it 3 жыл бұрын
@@shubhendusen721 Thanks I got it.
@Shriswamisamarth-sevekari-KgnR
@Shriswamisamarth-sevekari-KgnR 9 ай бұрын
U got job now ..or not...
@nikhilflautist
@nikhilflautist 9 ай бұрын
@@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.
@k.ashutoshbaitharu3964
@k.ashutoshbaitharu3964 Жыл бұрын
This is probably the most important video for someone who is coding with JS and not just beginners!
@garimapandey315
@garimapandey315 8 ай бұрын
Amazing video, nobody explained javascript like this!!! which is why it looked so complicated but this video gave the crux of it! thanks you @Akshay Saini
@shubhamkumarsingh1717
@shubhamkumarsingh1717 3 жыл бұрын
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
@AstraRudra 3 жыл бұрын
Yea, this was the best part of this video. Never deep dived into arrow, although using it on a daily basis.
@lovetocode9266
@lovetocode9266 2 жыл бұрын
Thanks to make it clear for me.
@mohdr7546
@mohdr7546 3 жыл бұрын
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!!!
@Tradebull03
@Tradebull03 3 жыл бұрын
Interviewer: What is function? (Me after watching Namaste JavaScript series) Function are beautiful. Interviewer: Please escort this gentle man outside.
@nitingupta1650
@nitingupta1650 3 жыл бұрын
Hahahabbaha
@iamsajjadalidev
@iamsajjadalidev 3 жыл бұрын
hahahah my answer will be definitely same
@sacrajah
@sacrajah 3 жыл бұрын
Of course, with appointment letter.!
@rakeshkumarparida98
@rakeshkumarparida98 3 жыл бұрын
😂
@Batega_toh_Katega_Hindu_108
@Batega_toh_Katega_Hindu_108 2 жыл бұрын
nobody explained it so easily before in a very entertaining way. he is best teacher.
@nabilparakatta2182
@nabilparakatta2182 3 ай бұрын
After some research what I understood is -> When a JavaScript program runs, a global execution context is created. This context consists of two phases: a) Memory Creation Phase : .Variable declarations are scanned and allocated memory, initialized with the value 'undefined'. .Function declarations are scanned and stored in memory with their entire code. b) Code Execution Phase: The code is executed line by line. Hoisting is not about physically moving code to the top, but rather about how JavaScript allocates memory for variables and functions during the memory creation phase of the execution context. This mechanism allows for certain behaviors like using functions before they appear in the code, but it's crucial to understand that variables are initialized as 'undefined' until they're assigned a value during code execution. You can call a function before its declaration in the code because the entire function is available in memory from the start. Trying to access a variable before its declaration will result in 'undefined'. Function expressions and arrow functions, being treated as variables, hence cannot be called before their declaration in the code. Variable and function declarations are processed before any code is executed. However, only the declarations are processed, not the initializations. This gives the impression that declarations are "moved to the top" of their scope, but it's more accurate to say they're processed early in the execution context's creation.
@narasimharao1537
@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.
@logeshwaribabu1954
@logeshwaribabu1954 3 жыл бұрын
The way he explains things shows how much he loves JavaScript and teaching JS.. just awesome...🔥🔥🔥🔥🔥🔥
@mohitmohlia8420
@mohitmohlia8420 3 жыл бұрын
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.
@amnahkhatun8401
@amnahkhatun8401 4 жыл бұрын
Awesome explanation, Never thought some one can explain JS in this way and it can actually make sense 😅. Bonus is your smile ❤.
@suvrat_
@suvrat_ Жыл бұрын
The enthusiasm that you brings with each video is just awesome, it doesn't let us feel bored.
@Thelittlestvick
@Thelittlestvick 2 жыл бұрын
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
@abcdabcd8605 8 ай бұрын
Absolutely true!!
@ruchikajain4330
@ruchikajain4330 3 жыл бұрын
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
@akshaymarch7 3 жыл бұрын
❤️
@zahebshamsi
@zahebshamsi 4 жыл бұрын
Kyle Simpson : "You Don't Know JS" Akshay Saini : Bro, Just Chill
@prasoonchatterjee8226
@prasoonchatterjee8226 4 жыл бұрын
i'm here to reaffirm what i learnt in ydkjs, akshay saini is definitely brilliant in his explanation
@neelthakkar4492
@neelthakkar4492 3 жыл бұрын
Started feeling really confident about hoisting. Man it used to confuse me a lot. But watching every video in line made me clear.
@coderpro5338
@coderpro5338 2 жыл бұрын
You explained hoisting so clearly that i can explain it to anybody even in my dreams. Thanks for the great explaination🔥🔥🔥
@vinayakkadlennavar2031
@vinayakkadlennavar2031 10 ай бұрын
The best code flow explanation I have ever come across all these years.😍😍
@BharatiSubramanian99217
@BharatiSubramanian99217 3 жыл бұрын
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!
@frank3481
@frank3481 4 жыл бұрын
Holy shit. You explain things so well. Like literally the best hoisting explanation I’ve seen so far. Impressive. Please make more videos.
@shineinusa
@shineinusa 4 жыл бұрын
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
@akshaymarch7 4 жыл бұрын
😅
@soorajs577
@soorajs577 4 жыл бұрын
@@akshaymarch7 thanks 😍😍
@mohitjain4662
@mohitjain4662 4 жыл бұрын
i have also given the same answer..:)
@jayantissar
@jayantissar 6 ай бұрын
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❤
@testash5689
@testash5689 2 жыл бұрын
Best tutorial video...premium course pe bhi aise nahi shikhata..love you dada...you are best
@surenmessi
@surenmessi 3 жыл бұрын
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
@akshaymarch7 3 жыл бұрын
Welcome aboard brother!
@HarishReddyNeelapu
@HarishReddyNeelapu 7 ай бұрын
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.
@prashantrai1739
@prashantrai1739 3 жыл бұрын
First time i have seen someone going so deep theoretically as well as showing it practically in JS. It clears all my doubts ❤️❤️👏👏
@anitasunildesai
@anitasunildesai 10 ай бұрын
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.
@rushabh_maske
@rushabh_maske Жыл бұрын
Akshay bhai...Mazza aagya ye video dekh ke ...aisa lag raha tha ki me koi thriller movie dekh raha hu...log toh JS padhate hai but aap samjhate ho. thank you !!
@sabanaaz821
@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
@vikasmv5952 6 ай бұрын
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
@vikasmv5952 6 ай бұрын
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
@k.ashutoshbaitharu3964
@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
@coderinprocess2678 Жыл бұрын
yes, i have just tested it . the variable declared with cosnt/let are in script scope. let me search what is this
@bhuvansharma3090
@bhuvansharma3090 Жыл бұрын
its write because they are block scoped so they throw the reference error if we use it before initialization.
@ingridoncken9732
@ingridoncken9732 2 жыл бұрын
Each video makes me more excited to learn more about JS. What a great series!
@urge-bull
@urge-bull 2 жыл бұрын
Bhai trust me , i don't want to share your lecture , Reason "Bhai gold hai hm devs ke liye and my selfish mind don't want to distribute it" . It was how i feel , but in real i share your videos. SO much clear and just wow. Brother Thanks.
@adebowaleyemisi9854
@adebowaleyemisi9854 2 жыл бұрын
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 👌.
@rhythmpatel5665
@rhythmpatel5665 4 жыл бұрын
Legends binge-watching this series!! Akshay bhai OP 🦁
@NikhilSharma-yd9ut
@NikhilSharma-yd9ut 4 жыл бұрын
Loving the series, and loving the love and excitement that you have for javascript😂
@mayankmittal6552
@mayankmittal6552 4 жыл бұрын
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.
@cantcode1001
@cantcode1001 3 ай бұрын
I am so happy I found you sir. Great teaching style. So simple. So effective. The way you don't just say something is the way it is, you back it up with the dev tools so anyone can see the truth of your words. Perfect.
@tejaswinibeleshe2151
@tejaswinibeleshe2151 9 ай бұрын
Whenever i ask others what is hoisting and many of them told hoisting is like pushing up or bubbling up the variable i used to feel meaningless but after watching this video i can confidently explain them this is how hoisting works. Thank you for such a beautiful explaination😌.
@sinanmp7953
@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!
@saugatrajbhandari4247
@saugatrajbhandari4247 3 жыл бұрын
the laugh between the explaination is amazing
@chandanmishra1229
@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
@srijansagar1250 9 ай бұрын
you are doing gods work
@farooqueansari5406
@farooqueansari5406 2 жыл бұрын
Isse jyada tagda content nahi dekha .... Really in love with javascript
@srishtivishnoi878
@srishtivishnoi878 4 жыл бұрын
Great explaination for hoisting, also loved the demo of call stack :-)
@chetansolanki5104
@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.
@prateekpandey4781
@prateekpandey4781 3 жыл бұрын
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
@ajinkyavaidya7129 2 жыл бұрын
i am using it for 7+ years, still had no idea till today :P
@giannizamora7247
@giannizamora7247 2 жыл бұрын
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.
@masaudshah9332
@masaudshah9332 Жыл бұрын
It was Remarkable ,marvelous and so important concepts that you covered just in 20 minutes in very easy and clear and practical way . thank you so much for sharing your knowledge. Love❤ from Pakistan.
@sanjeevkumar-u3q8t
@sanjeevkumar-u3q8t 9 ай бұрын
generally, I don't comment but the way you teach these things is awesome. I watched 2-3 tutorials having millions of subscribers. but you making understand in so depth no words for you. hats off you man❤❤ writing the code is a different thing and understanding the code is different
@sanketnaik2591
@sanketnaik2591 3 жыл бұрын
My whole life was a lie😂. Literally i used to say all variables move to top.
@sudarshankalebere5526
@sudarshankalebere5526 3 жыл бұрын
Interviewer also selected you for that answer 😁😁 his life is also lie till today pls send him Namaste JavaScript link 😁
@ganeshshetty8441
@ganeshshetty8441 3 жыл бұрын
@@sudarshankalebere5526 So true 😂😂😂😂😂😂😂😂😂
@kvinodk4444
@kvinodk4444 3 жыл бұрын
haha... I think this shouldn't be called as hoisting then. that word making us to think this way
@sanketnaik2591
@sanketnaik2591 3 жыл бұрын
@@sudarshankalebere5526 😂😂😂😂😂
@nipunrawat
@nipunrawat 4 жыл бұрын
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
@akshaymarch7 4 жыл бұрын
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. 😇
@harikrishnang33
@harikrishnang33 4 жыл бұрын
It won't work right It returns an error like abc is not function🤔
@himanshubhandari7222
@himanshubhandari7222 4 жыл бұрын
@@harikrishnang33 what if we change the order? Like- Declare function Declare variable Call function
@gowthamv8778
@gowthamv8778 4 жыл бұрын
Will hoisting work with let and const?
@akshaymarch7
@akshaymarch7 4 жыл бұрын
`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
@frank3481 4 жыл бұрын
Please do! Can’t wait for it. This is literally the best hoisting explanation I’ve seen. Thanks
@vinothkumarv9722
@vinothkumarv9722 4 жыл бұрын
@@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 :)
@toantran5611
@toantran5611 2 жыл бұрын
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!
@pratiksha6926
@pratiksha6926 2 жыл бұрын
It really given a clear picture on the concept, no one till now has explained so well... amazing content
@Abracadabra972
@Abracadabra972 Жыл бұрын
i love how passionately you speak of javaScript.... love it
@kirangowda8506
@kirangowda8506 2 ай бұрын
Great explanation! I come from a Java background, and I'm currently learning JavaScript. In Java, memory is managed by the JVM, while in JavaScript, the execution context handles memory management. Your teaching helped me understand this concept completely. Thank you, sir.....😍
@hitesshhh
@hitesshhh 7 ай бұрын
I am suggesting this channel to my professor , so that they will be able to learn how to teach coding. mind blowing with real time execution example a big thanks to akshay sir
@tarunpanwar6983
@tarunpanwar6983 6 ай бұрын
Why are u telling a lie bhgwan s dar bhai 😂
@DeepDiveClavier
@DeepDiveClavier 11 ай бұрын
I got to remember this line that there is no as bad student only the teacher is not good enough. Thank you Akshay to providing a valuable content to us. Appreciate you man. Keep doing the stuff what you're doing :)
@abhiram_04
@abhiram_04 21 күн бұрын
🪄 Understanding Hoisting: Hoisting allows variables and functions to be used before their declarations, which is unique to JavaScript and can lead to unexpected behaviors. This phenomenon occurs during the creation phase of the execution context. 🧠 Variable Declaration Types: Different types of variable declarations (var, let, const) have varied hoisting behaviors. var is hoisted and initialized to undefined, while let and const throw errors if accessed before declaration. 🔍 Function Declaration vs. Expression: Function declarations are fully hoisted, allowing them to be invoked before their definition, while function expressions (including arrow functions) are not hoisted in the same way, resulting in undefined if called prematurely. ⚠ Error Handling: Accessing an uninitialized variable results in a ReferenceError, which emphasizes the importance of understanding scope and initialization in JavaScript. 🎭 Execution Context: The execution context manages variable and function scope, influencing how hoisting affects code execution and accessibility. 🔄 Scope Chain: Hoisting interacts with the scope chain, impacting how and where variables and functions can be accessed, which is critical for understanding closures and callbacks. 📚 JavaScript Learning Curve: Mastering hoisting is vital for JavaScript developers, as it lays the foundation for understanding complex concepts like closures, asynchronous programming, and the event loop.
@harshitpal5558
@harshitpal5558 Жыл бұрын
gone though many javascript courses, videos, lectures, but unsatisfied with their explainations finally found the best chanel for learning javascript
@dotslashbaunthy
@dotslashbaunthy 2 жыл бұрын
After over a year of trying to understand "WHY does JS behave this way" and joining people in pelting stones at JS (figuratively) because it's stupid, today I realized that I am the idiot. Akshay, amazing content. You're a legend. Bade shabd (context, call stack, hoisting) toh kayi log bolte hain but unka matlab nahin batate. Aapne aag hi laga di is explanation se.
@trinadhkamma8186
@trinadhkamma8186 2 жыл бұрын
You've changed my way of thinking in Javascript.Thank you so much❤️
@singhkr
@singhkr 2 жыл бұрын
truly your way of teaching forced me to watch your videos again and again , thanks a lot for such greattttttt....... course
@mohammedokasha5167
@mohammedokasha5167 2 жыл бұрын
This Tutorial is a Great, I've never seen anyone explain javascript like you Thank You Teacher Namaste 🙏🏻 JavaScript
@shivamchandra.0654
@shivamchandra.0654 10 ай бұрын
Man this is amazing information and for free!!! all these 20 min videos are like "chhota packet bada dhamaka" For Real...
@nextleveltech267
@nextleveltech267 5 ай бұрын
This video is really precious...❤️❤️❤️You explained it sooooooooooooooooooo well❤️❤️❤️❤️Loved it... Thank you so much ❤️❤️
@mohit7717
@mohit7717 6 ай бұрын
This video is too exciting to see how code inside browser work line by line using debugger that's too interesting. Thanks you so much .... lots of love to Namaste Javascript.
@zb2747
@zb2747 2 жыл бұрын
The best teacher I've come across that explains JS so simply - thank you brother!
@evangelinsofia203
@evangelinsofia203 Жыл бұрын
Hi , I'm Sofia ,this video helps me lot, not only this, every video gives me more interest to move on next. You are passing your energy and enthusiasm to everyone . Thank u so much ,thanks a lot. You will achieve your goal, Your thoughts are pure . You want everyone to learn about this. That's really great.
@dylanfa8888
@dylanfa8888 2 жыл бұрын
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!
@RaviSharma-nl6by
@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.
@praneethvankadara8520
@praneethvankadara8520 Жыл бұрын
just "WOWWWW" is not enough. you changed my perspective of understanding programming.
@Kanchaan.k
@Kanchaan.k 2 ай бұрын
The way you teach is just amazing, kitna bhi thankyou karo uske liye kum hai. The way you showed the call stack demo I just loved it.
@sanjanareddykalsani
@sanjanareddykalsani 2 жыл бұрын
love how you are very enthusiastic about teaching JavaScript
@tausifakhter8322
@tausifakhter8322 Жыл бұрын
Just fall in love the way you explained... literally no words to describe it... All I can say is a BIGGGGGGG Thank you...❤
@AbhishekMishra-gr5zk
@AbhishekMishra-gr5zk 2 жыл бұрын
Akshay sir I literally started clapping after watching this complete video the way you have explained is outstanding
@apurv05
@apurv05 2 жыл бұрын
After watching only 4 videos of namaste javascript, 💖 I fill like that I am in love with JavaScript... 💖 Such a great content, akshay sir...
@riteshmishra5008
@riteshmishra5008 Жыл бұрын
after 2 years of searching i finaaly understanding js thanks and why you are not famous is beyond me
@selbst-suresh
@selbst-suresh 2 жыл бұрын
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
@snehapawar1688
@snehapawar1688 6 ай бұрын
Loved it..... Everytime i watch this series , i always find something interesting and new concept.... Loved the way you explain...
@EdTechBud
@EdTechBud Жыл бұрын
You are just awesome..This is first time in last 5 to 7 years that I'm liking and commenting on someones's youtube video. You are just great as javascript 😂
@salehabdullahi9356
@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.
@praveenpoonja95
@praveenpoonja95 2 жыл бұрын
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❤️
@siddharthbehra5250
@siddharthbehra5250 5 ай бұрын
Akshay bhai, you did a fantastic job by explaining this, this was insanely helpful, being a 5 year experienced Javascript react front end developer, I dint know any of this clearly, thank you so much for the very expensive knowledge shared for free,
Closures in JS 🔥 | Namaste JavaScript Episode 10
22:44
Akshay Saini
Рет қаралды 870 М.
Чистка воды совком от денег
00:32
FD Vasya
Рет қаралды 4,7 МЛН
Creative Justice at the Checkout: Bananas and Eggs Showdown #shorts
00:18
Fabiosa Best Lifehacks
Рет қаралды 33 МЛН
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 40 МЛН
Premature Optimization
12:39
CodeAesthetic
Рет қаралды 837 М.
I tried 8 different Postgres ORMs
9:46
Beyond Fireship
Рет қаралды 438 М.
31 nooby C++ habits you need to ditch
16:18
mCoding
Рет қаралды 830 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
BLOCK SCOPE & Shadowing in JS 🔥| Namaste JavaScript 🙏 Ep. 9
19:57
Чистка воды совком от денег
00:32
FD Vasya
Рет қаралды 4,7 МЛН