JavaScript Under The Hood [4] - Memory Storage

In this video, we'll look at how and where primitive values and reference data (objects) are stored.
💻 My Courses & More
traversymedia.com
💖 Show Support
Patreon: / traversymedia
PayPal: paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: / traversymedia
Instagram: / traversymedia
Linkedin: / bradtraversy
Timestamps:
0:00 - Intro
0:59 - Memory Management & Garbage Collection
2:34 - Primitive vs Reference Types
4:19 - Stack vs Heap (Diagram)
6:47 - Stack vs Heap (Code)
9:41 - Devtools Memory Tab

[@umamaheshmeka1032]

The Voice - which motivates developers to go to any extent to learn !!! I really love your teaching 💝💝💝

[@ngolelawsonmbwoge3647]

I think this is the first time I truly understood, when they say objects are passed by reference, from the diagrams you showed.
And visualizing the heap memory storing objects, functions and arrays and stacks storing primitive data types, is just gold!
It makes it way clearer to understand!
Thank you so much, sir Brad!

[@vinaypatil8009]

That heap memory explanation with diagram is on point perfect.
Thanks for your hard work sir.

[@kosmarjus]

Ohhh man this took me so long to figure out. I was so mad why my initial object changed every time I recalculated some values. Thank you for shedding some light on the subject.

[@PRAHLADSAHU-pk4fd]

I like the way he admitted he doesn't know about memories much and still gave the relevant info with great explanation.

[@darkmojojojo]

Keep going with these videos. It's definitely helping with understanding why JS behaves the way it does for me.

[@jhmesseroux]

more videos like this , love it Brad , i learned something new

[@pablojoyce]

This is a great series! Thanks. You mentioned revamping the modern JavaScript from the beginning course. I’d love to know when that is going to happen, Brad. I love your teaching style and almost signed up last week but was put off by the age. Considered other more recent courses but would definitely take yours if updated.

[@lathamanoharan642]

Thanks for this series Brad. It was very helpful for me to understand some of the basics of why javascript works this way

[@WendimuSitotaw]

I'm really digging this series!

[@bevedel]

Waiting for more videos from you. Thank you for this great serie.

[@genrum4803]

Love this series, very helpful for beginners.

[@elyoaprogrammer]

Execellent series..I enjoyed it!..Thanks Brad !

[@devbrothonath9396]

2nd time hearing about stack and heap and it's set in my mind. This was so simple, it blew me away.

[@godfreyndiritu9062]

Imagine all that knowledge in 12 minutes, how much more helpful if it was an hour or so? Thanks Brad

[@darkmojojojo]

Personally I like these bite-sized videos. They help me with understanding basic concepts without having too much information thrown at me at the same time.

[@Retrofire-47]

@@darkmojojojo pots and pans, stranger.

[@alexiscostoulas]

maybe the best and most clear explanation on this topic !!

[@gunarcom]

This is a strong video. Good work my friend!

[@xkwantified]

Excellent series👍!

[@josephwong2832]

Wow!
Finally I understand it now. Thanks Brad

[@thisweblabvideos]

Amazing video. Well explained and important. Thanks

[@drippindamnfaucet3309]

Nice Xplanation!!!!

[@yoshreimi]

wow thank you so much for creating this content for free

[@mulualemtekle6094]

great content dude!!

[@jonp9511]

Very helpful

[@eillioniscreating]

Please make more video ! I love your videos.

[@moqusi24]

Thank you for the explanation

[@legalcoffee5315]

So helpful 🎉thanks!

[@sourandbitter3062]

Love the new intro

[@mahdikamran8061]

Thank you.

[@dasuntheekshana3433]

nice work
thank y0u

[@rutvijdoshi9664]

Great video. Please create video series on React under the hood.

[@k.ksharma4457]

awesome👍👏

[@eboum4273]

Thanks

[@MgelikaXevi]

for algo, great series!

[@bossmohd]

Great video, although I came in looking for something else but this was informative. What I was looking for is recommendations for memory management. For example, is it bad to declare variables or should we try to minimize it. For example should I do const result = someFunction() and then return result, or return someFunction(). Is this more efficient? What are the tools that can help us measure performancece in node? Are async/await consuming more memory than sync functions?

[@mirkafarkasova2425]

Great video! Had no idea it works like this. In what case would I use this tho?

[@developersharif]

Love from Bangladesh ♥

[@G.Lomidze]

Thank you for series. Please one question. On 8.17 min which extension create a line on the variable which is not use now? Which extension is this

[@thewild123]

Hey Brad, thanks for the tutorial. I wonder if these diagrams help professional developers visualize how memory is occupied in their apps? I don’t really consider myself a professional but I did study memory management and memory allocation strategies by operating systems.
I think it’d be better for myself and more advanced developers to study how JavaScript engine allocates memory on a much more lower level.

[@nithinraj342]

U r a good teacher. Can u do video on how nestjs project architecture need to be.

[@nicogarcia7302]

Great video Brad!! I have a doubt tough, when you you reassign newName, shouldn't it still be in memory and the engine allocates memory for a new string?

[@ahmad-murery]

7:34 I whish 40 but we'll say 44 😥 so, enjoy it while you're there,
Thanks Brad,

[@matchujk]

in the first example from 4:35 to 6:47 is the 'stack' the global execution context?

[@nikhilmandaliya]

Thank you for this series, your explanation makes advance concepts easy to understand. But I have one question, if primitive variables are stored in stack, is this same as call stack? If yes, then that variables should be removed when function completes execution. So how a function can access that variable in terms of closures?

[@ScriptRaccoon]

Shoutout to Github Copilot who always knew what Brad wanted to type next :-O

[@DanzzyTechWorld]

This explains mutability well

[@deathangel908]

Is stack can't handle variables of variable size, how comes when you change a string variable it still resides on the same spot in the stack?

[@prudhvichinnam1488]

Do series on react under the hood

[@tamboleo]

Newby question here, how is he having the values directly on the console without refreshing the code every time? I saw this behavior on Angular but didn't know you could get real time updates on JS as well, is he using an extension or something ?

[@anandstephan6020]

please make more video of javascript core concept

[@mecreature]

😍😍😍😍😍

[@georgenonis5967]

Not sure why but I cant find objects in the snapshot. Great video anyways and great explanation as always

[@buddhaburrito]

11:10 I wonder how he auto complete those lines? Did he store it somewhere? What vscode extension was it?

[@ScriptRaccoon]

It's Github Copilot.

[@buddhaburrito]

@@ScriptRaccoon Thank you!

[@Red_Coder]

Is there course Js under hood

[@sujaigorai7752]

Everything in javascript is stored in heap memory

[@DmitriyMalayevProfile]

Primitive Types: BeBUNSS