Understanding JavaScript Object References : A Visual Explanation 🧠
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- Learn to tackle JavaScript Interview Questions related to Objects, References, Cloning, Copying, Pass by value, and Pass by reference. This video visually represents how objects get stored and work in JavaScript.
Many web developers misunderstand how value and references work for primitive and object values in JavaScript. Thus, there will be bugs and unnecessary code written to fix issues. Learn the fundamental concepts from this video to stay ahead of the curve.
Why waiting? Let's GO 🚀
👋 Help Me To Reach My Subscriber Goal
|||||.......... 14% ............... 14.7K/100K
Please LIKE/SHARE/SUBSCRIBE to the channel to show your support. Thanks! 🫶
Timecodes
0:00 - What Can You Expect
01:02 - JavaScript Data Types
02:10 - Value vs Reference
04:24 - Pass By Value In JavaScript
07:45 - Pass By Reference In JavaScript
14:56 - Freeing Up Memory
15:50 - Object Copy vs Clone
17:44 - How To Clone Object in JavaScript
20:10 - The Problem of Shallow Copy
22:52 - Object Deep Cloning
24:24 - End Note and Next
Join tapaScript Discord Server
- / discord
Special Links:
- Learn more about the structuredClone API: developer.mozilla.org/en-US/d...
🤝 My Links:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): / tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: github.com/atapas
- Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can support/sponsor me from here:
- Sponsor Me: github.com/sponsors/atapas
- Sponsor my Blog: blog.greenroots.info/sponsor
- mercury.streamelements.com/ti...
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, TH-camr, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at tapasadhikary.com.
#javascript
#javascripttutorial
#javascriptfundamentals
#javascriptinterview
#javascript_tutorial
#js
Man you’re great in teaching…. Hats off
Thanks a lot, so happy to get your comment.
It was a great experience
Thank you ❤️
আমার মনে হলে ২ মিনিটের মধ্যে ভিডিও শেষ হয়ে গেলো। একমুহূর্তের জন্য মনযোগ সরাতে পারিনি। এতো সহজবোধ্য ইংরেজি আমি আমার জীবনেও শুনিনি।
আর অসাধারণ একটা টপিকস। এতো সহজভাবে যে কেউ বোঝাতে পারে তা আমার জানা ছিলো না। প্রিমেটিভ আর নন-প্রিটিভ আর জীবনেও ভুল হবে না। ধন্যবাদ 'তাপস দা' ❤️❤️❤️❤️❤️
Most welcome ❤️❤️❤️
that's great. Love you Tapa from Pakistan
Thanks 🙏
Please bring this type of videos in regular interval with much more advance topics of JavaScript. BTW superb visual explanation, eagerly waiting for this type of videos in the near future.
Thanks brother… yes the aim is to cover the entire object and prototype concepts in the same way. Expect more videos like this frequently.
Kudos for the efforts put in 🎉🎉
Thank you ❤️
Outstanding stuff! Subscribed.
Wow, thank you 😊
Amazing. Looking forward for next javascript videos. Thank you!
Coming… ❤️
স্যার আপনি অসাধারণ! বাংলাদেশে কোন টিচার আপনার মতো এতো গভীরভাবে বুঝাতে পারে না।
Thank you vai ❤️❤️
thanks dada
Welcome vai ❤️
Thanks for visualizing it so beautifully and easily. take love from bangladesh
Thank you very much… glad you found it helpful.
what a easy explanation .tremendously good content if any one want to know about subtle things of js.
Thank you 🙏
The way you explain things is really amazing...loved it 😍❤️
That’s motivating ❤️
This video is awesome! The concept is explained really well. Keep up the good work, Tapas!
Thanks Sachin, take love ❤️
what a video! just amazing. thank you dada.
Thank you ❤️
it's a very helpfull videos... i knew it already but this video teach me a lot..... last topic was awesome shallow cloning and structured cloning ....
Thank you for your comment, I am glad you found it helpful.
Amazing 🎉
Thank you 👍
Awesome man ..❤
Please make a video on fetch API
Thank you ❤️
Noted.
Amazing tutorial. Thank you dada
Most welcome. Continue to see the prototype one too ❤️
অপূর্ব!
ধন্যবাদ 🙏
The concept cleared like sunlight. Take lots of love and respect❤.
Wonderful 👏
great explanation...I already share my linkedIn profile thanks dada.
Take love bhai, thanks ❤️
It was really amazing and helpful for us❤❤️
Thank you very much ❤️
Working of spread operator in nested object was interesting. Learn new things "shallow" & "Deep" cloning.
Thanks
Most welcome ❤️
Nice sir
Thank you ❤️
beautifully explained, also request to please add higher order components like this
Thanks brother… I've already done a video on HOC with visual explanation… its here
11 - Higher-Order Components in React - React Higher-Order Components with Example - React Patterns
th-cam.com/video/dtwVjJMnOsw/w-d-xo.html
❤️❤️❤️
The 🐐,
Sir, can we get some CSS videos in the near future? I want to learn as much as I need to start building and I'll learn while building.
I did one related to CSS animations recently. What else you would like to learn?
@@tapasadhikary I would like to know what is the minimum fundamentals that we need to cover before starting to Learn Tailwind for example.
I'm going to checkout the video on CSS Animations.
@_DRACrY thanks! I will make them
@@tapasadhikary thank you, ❤️
🎉
❤️❤️
I think, I do so...
That's great
Can you explain heap memory all of that stuff
A part of it you can find in the JavaScript Synchronous vs Asynchronous video I had created. I think a better video would be on JavaScript Memory Management.