18: Hoisting in JavaScript Explained | What is Hoisting in JavaScript | JavaScript Tutorial

[@emarciobdirector]

"Before run all the code, the browser first get all declarations, hoisting is the name of this process." The most simple explanation ever, thanks!

[@webcoderltd]

Yep, although in case of named functions hoisting also returns their outcome instead of just declaration as opposed to declared variables with values assigned that get ommied during hoisting to the top.

[@summersoker4044]

thx for typing this cuz I sure didn't hear it even tho I watched this video several times. I dunno if it's the accent, or the speed, or both, somehow it was hard to catch some key points.

[@emilandreasyan2374]

Hi, I’ve been studying JS for several months, my tutor couldn’t explain all this things. You instantiated all so intelligibly. Great tutorials man!!!

[@victorpinedo5121]

Yes man, that you say really happen, not anyone can explain things like this guy do it

[@StevenHoodlebrink]

You and Kyle from Web Dev Simplified are the best at explaining this. I've gone back and forth between your channels, as I've been trying to learn JS. Thank you for the explanations and for making it easier to learn.

[@richardwilkins5241]

This was so helpful. It enabled me to understand why so much code is written the way it is ( 'anomalously' - for hoisting - and thus browser speed)

[@hamdamboyurunov6034]

Perennially appreciate, nice explanation: Function types: - Name function - Anonymous function - Name function is available defining any part of the source code ( included console log ) as well. Working properly. - Anonymous function variable name includes function and working well before ( console log etc.) * BUT if change position, it cannot work as well. DEFINING FUNCTION is important ...

[@ashsharma8101]

Clear and precise explanation, thanks a lot for this video..

[@huckleberryfinn8795]

I have been trying to learn javascript for the past week or 2 from the odin project and it was hard to understand, so I thought, Dani had the best CSS tutorials so let me learn javascript from him. It's been 1 day and I know more valuable info feom you then 2 weeka of the odin project lol. Thanks for your awesome tutorials!!

[@HamzaXAnime]

Best Javascript course at the moment on KZbin.

[@calebperry5388]

I have been watching these javascript tutorials and have give me a better understanding of what I've been trying to teach myself. Thank you so much for making this series!

[@chicknwingd]

Finally i got the upsides of anonymous functions. Thank you very much! Your tutorials are truly great.

[@lucymcloughlin6190]

Phenomenal explanation! Your clarity is amazing. I also love that you delete irrelevant code, it makes it much easier to focus on the concept you're explaining.

[@bibekkhatri]

Your explanation is clear and concise.

[@dijiflex]

Clear and straight to the point

[@EmpySoul]

Thank u very much! It gets to the point! I was looking for a simple explanation, instead I only got explanations that confused me more.

[@geneartista9714]

Hope that you`ll comeback and add more advance javascript tutorials :) your one of the best teacher, i really mean it

[@epic_waffle2359]

This is better than m javascript course I'm taking. Good job!

[@ck0024]

*Your video + Comment section = Crystal Clear Understanding*

[@danicastudies7066]

Thank you so much!Simple words and examples, but explained this concept very clearly!

[@rachitmongia5993]

You are a genius when it comes to teaching and delivering the content! Can you please tell under the hood difference between 1) var a = function = { var a = 20; return a; } and let a = function = { var a = 20; return a; } 2) var a = function = { var a = 20; return a; } and var a = function = { let a = 20; return a; }

[@sviatoslav8776]

Really clear explanations. Short and very intelligibly. Keep doing great stuff man.

[@suong534]

Your channel subscribers is almost reached 200k. Thank for take time to explaining everything, put lot of effort in every single video.

[@Mn78868]

Just wanna thank you for ur time making tutorials for beginners, can't wait till i finish this full course, and can start move to another chapter in JS, solving algorithmic challenges, I bet I can after all this course!

[@vasildudinski9367]

With this video you just get a new subscriber. Keep the good work!

[@israphial]

This was a REALLY good explanation. Thanks! Subscribed!

[@lukasluftlaufer1093]

And a new piece of the programming puzzle gets put into place! Thank you! :)

[@Sollazzo08]

4 mins in, my mind is blown...such a great explanation.

[@ba1anse]

very clear explanation, thank you for sharing this great video.

[@adriatic123]

Good explanations. only one tiny correction. JS engine doesn't put declarations to the top, but parser passes thru code three times, first time it sets declarations into memory etc.

[@ilkinshafiyev3989]

Best explanation on this topic. Great work!

[@diastrus1236]

Great work! You concisely and clearly answered a lot of questions that I've had for a few weeks, thanks!

[@elel928]

Great Explanation. I think my code so far may be suffering from hoisting issues because pages take a while to load.

[@ernestromen1479]

your explanations are very clear and easy to understand, I've have re-watched this video a couple of times now to understand this concept better and it really helped me understand why things happen the way they do in JS, thanks!

[@bad6carma]

Brilliant explanation! Thank you.

[@saputodude]

Great explanation! These videos are SERIOUSLY making JS easier to understand. Thank you so much!!!

[@Julio860JVL]

Amazingly unbelievable wonderful explanation!!! Edit: Thank you!

[@rxlvnd3397]

Really well explained. Thanks mate!

[@bruhmoment3731]

Great explanation! Thank you!

[@ninjajs7527]

I like the way you explain, thanks!

[@LorenHelgeson]

Thanks for explaining. I've never heard of hoisting before, and I never understood why this was happening. It's especially frustrating because of how loosely "var" is defined, it either makes your code work or break completely, depending on how it's referenced.

[@anikkhan8811]

what an explanation! You nailed it man.....Many many thanks :)

[@davidhahn8583]

I'm new to this stuff, and this was so clear and easy to understand. Thank you

[@Dynamicsimpson]

Excellent!! You explained that well.

[@anastasiiakvas2142]

Thank you for a great explanation!

[@nabi5790]

Nice explanation! Keep it up man. Subscribed!

[@bigorstojanov184]

And yet another great video. Thank you. The only remark that I have is the book selection choices made for the background :)

[@germanslobo]

Great class. Thanks.

[@andycheung83a]

OMG YOU'RE THE BEST! THANK YOU! Liked and Subscribed!

[@zoomtomanav]

you are such an amazing teacher. Thank you so much for this amazing tutorial series.

[@AmirAli-kj5bm]

excellent explaination! thanks

[@armandoalvarez2229]

Thanks for all the help man!

[@pt8817]

Clearly explain👍👍

[@borjarequena5610]

You're so good at explaining this man!

[@lologachupin9207]

I finally understand hoisting. Thank you !

[@patrickbroaden9820]

Keep it going, please. 🤗

[@amrnashaat7063]

thank you for the clear explanation and effort put into these lessons

[@rampage9530]

You deserve a Big like !

[@AjayKumar1196]

Really Good and Helpful. Keep uploading lectures please. Thanks!!

[@stephenantwi2769]

we did not let in this episode. keep the good work up!!

[@mr.h_arab]

you are the best ⭐️🙌

[@ajdinsheki3168]

The best explanation, ty for effort.

[@luisgabriel84]

Great Explanation cristal clear!!

[@jamesdarnel]

hey man, this was AMAZING! thank you so much and keep up the GREAT work!!

[@9numbernine]

Thank you, great explanation.

[@mayankpant7586]

Best explanation!

[@sukhsingh7057]

Bro you're actually a G. Love u man

[@victorpinedo5121]

Bro so much thanks for this kind of content, it really helps, get know how things happen it's more important than make it... thanks again, great job man

[@badeh]

Amazing stuff 💯🚀

[@salv236]

nice tutorial, i liked how hoisting was explained

[@jaggyjut]

Really helpful. :) Thank you

[@futureDeveloperCourses]

Wonderful :) thank you so much

[@ahgiynq]

WellExplained

[@codealongwithkirk]

Thanks Dani!

[@adithyakamath8225]

You sir earned a subscriber! Brilliant! Thank you!

[@abett6003]

This video was just ... :l AWESOME! Thanks.

[@afuyewale5648]

Best explanation so far! Bravo

[@SiiliViin]

I still don't get, you create anonymous function, but still must create var to call it, so you still have hoisted var on your page, so what's the differences, it takes same amount of space at top of page?

[@jacobsiegel9144]

Keep it up man!!

[@chiochora1978]

this is guy id is a legend thanks a lot!

[@neilpearce]

Hoisting is not a JavaScript feature, it's a 'process' that happens to variables and function declarations at the 'Creation Phase' and it's a term 'given' by JS developers to understand this process. But...you've not really explained it correctly. The JS engine goes through two phases.... 1. Creation Phase 2. Execution Phase. At the creation phase our code is scanned and ALL variables (used with the 'var' keyword) and function declarations gets stored in memory. Variable names are given space in memory and are given the default value of 'undefined' and the whole function declaration block also gets placed into memory. Then during the execution phase, these variables and functions are already available to the JS engine, which is why you can call a function before it's declared, because that call will 'point' to the function within memory. This behaviour of memory storage is what is called 'Hoisting' and happens within each function block too, where any variables declared within a function are stored in 'local' memory for that function to use.

[@twsaif]

good one

[@MegaCO100]

great explanation!

[@shnam928]

Veryyy well explained, thank u. I hope to see more tutorials from u.

[@Kaas8989]

Thanks!! Really clear explenations :)

[@bidabida1399]

Thank you!! This is very helpful!

[@timothylyons7399]

This was soooooo helpful! Thank you!

[@girishpandey9976]

great job

[@thehumanchannel9004]

Good tutorial

[@warengonzaga]

Thank you!

[@VijayChauhan-wf9jg]

Ur doing great job sir ur tuts. Awsm and understandable

[@احمدابو-و5س]

fantastic

[@yongjung5433]

great video!!! thank you!

[@bexruzbahronov5637]

i got you dawg, thanks

[@v.b.thorat1116]

very good

[@thisgirlisdone]

Great job, thank you :)

[@rohil3023]

Thank you!!!!!!!

[@usetotestt5091]

great theacher

[@VishalSharma-rn7mt]

awesome

[@ayseak_]

It helped a lot, thank you, finally I understand what is hoisting. I am new to JS. One question. You mean that anonymous functions are not hoisted that is why they have less effect on memory?

[@Blinkubus]

Yes. Less effect in memory in the sense of the initial page load, not less memory with regards to what the function actually does when it's called, just so it's clear.

[@sergeymigel4680]

thanks!

[@princesssmall9913]

Huh. Nice video. Thanks.