Understanding JavaScript Object References : A Visual Explanation 🧠

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, KZreadr, 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

Пікірлер: 63

  • @prasenjitbasu6152
    @prasenjitbasu61524 ай бұрын

    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.

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thanks brother… yes the aim is to cover the entire object and prototype concepts in the same way. Expect more videos like this frequently.

  • @reyadulislam3223
    @reyadulislam32237 күн бұрын

    what a easy explanation .tremendously good content if any one want to know about subtle things of js.

  • @tapasadhikary

    @tapasadhikary

    7 күн бұрын

    Thank you 🙏

  • @ProgrammerArif
    @ProgrammerArif4 ай бұрын

    আমার মনে হলে ২ মিনিটের মধ্যে ভিডিও শেষ হয়ে গেলো। একমুহূর্তের জন্য মনযোগ সরাতে পারিনি। এতো সহজবোধ্য ইংরেজি আমি আমার জীবনেও শুনিনি। আর অসাধারণ একটা টপিকস। এতো সহজভাবে যে কেউ বোঝাতে পারে তা আমার জানা ছিলো না। প্রিমেটিভ আর নন-প্রিটিভ আর জীবনেও ভুল হবে না। ধন্যবাদ 'তাপস দা' ❤️❤️❤️❤️❤️

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Most welcome ❤️❤️❤️

  • @coderasib
    @coderasib4 ай бұрын

    Thanks for visualizing it so beautifully and easily. take love from bangladesh

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you very much… glad you found it helpful.

  • @sachin-chaurasiya
    @sachin-chaurasiya4 ай бұрын

    This video is awesome! The concept is explained really well. Keep up the good work, Tapas!

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thanks Sachin, take love ❤️

  • @thevhejalltd8716
    @thevhejalltd8716Ай бұрын

    It was a great experience

  • @tapasadhikary

    @tapasadhikary

    Ай бұрын

    Thank you ❤️

  • @rashedkhanmenon799
    @rashedkhanmenon7993 ай бұрын

    স্যার আপনি অসাধারণ! বাংলাদেশে কোন টিচার আপনার মতো এতো গভীরভাবে বুঝাতে পারে না।

  • @tapasadhikary

    @tapasadhikary

    3 ай бұрын

    Thank you vai ❤️❤️

  • @js-love
    @js-love4 ай бұрын

    Kudos for the efforts put in 🎉🎉

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you ❤️

  • @asmartbajan
    @asmartbajan2 ай бұрын

    Outstanding stuff! Subscribed.

  • @tapasadhikary

    @tapasadhikary

    2 ай бұрын

    Wow, thank you 😊

  • @TheDesiMarketer
    @TheDesiMarketer4 ай бұрын

    Amazing. Looking forward for next javascript videos. Thank you!

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Coming… ❤️

  • @ItsKrishnaPanthi
    @ItsKrishnaPanthi4 ай бұрын

    Working of spread operator in nested object was interesting. Learn new things "shallow" & "Deep" cloning. Thanks

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Most welcome ❤️

  • @BahnisikhaDhar-fg7on
    @BahnisikhaDhar-fg7on4 ай бұрын

    The way you explain things is really amazing...loved it 😍❤️

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    That’s motivating ❤️

  • @user-yk3yt4vk9j
    @user-yk3yt4vk9j3 ай бұрын

    that's great. Love you Tapa from Pakistan

  • @tapasadhikary

    @tapasadhikary

    3 ай бұрын

    Thanks 🙏

  • @user-hd8ph9ze5w
    @user-hd8ph9ze5w3 ай бұрын

    thanks dada

  • @tapasadhikary

    @tapasadhikary

    3 ай бұрын

    Welcome vai ❤️

  • @dhinakarandhinakaran2507
    @dhinakarandhinakaran25074 ай бұрын

    Awesome man ..❤ Please make a video on fetch API

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you ❤️ Noted.

  • @soyebchandani6073
    @soyebchandani60734 ай бұрын

    Amazing 🎉

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you 👍

  • @mdferdous5953
    @mdferdous59534 ай бұрын

    what a video! just amazing. thank you dada.

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you ❤️

  • @ehsanulbarifahim1975
    @ehsanulbarifahim19754 ай бұрын

    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 ....

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you for your comment, I am glad you found it helpful.

  • @ibtesumrezaaninda323
    @ibtesumrezaaninda3234 ай бұрын

    অপূর্ব!

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    ধন্যবাদ 🙏

  • @naimhasan5346
    @naimhasan53464 ай бұрын

    The concept cleared like sunlight. Take lots of love and respect❤.

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Wonderful 👏

  • @towhidurrahman4475
    @towhidurrahman44754 ай бұрын

    Amazing tutorial. Thank you dada

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Most welcome. Continue to see the prototype one too ❤️

  • @gmnayeem25
    @gmnayeem254 ай бұрын

    It was really amazing and helpful for us❤❤️

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you very much ❤️

  • @user-lw9rm8eo7h
    @user-lw9rm8eo7h2 ай бұрын

    Can you explain heap memory all of that stuff

  • @tapasadhikary

    @tapasadhikary

    2 ай бұрын

    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.

  • @Anguraj92
    @Anguraj924 ай бұрын

    Nice sir

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Thank you ❤️

  • @mdreadwan2791
    @mdreadwan27914 ай бұрын

    🎉

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    ❤️❤️

  • @hitlarhitlar5052
    @hitlarhitlar50523 ай бұрын

    ❤️❤️❤️

  • @khanfaysal993
    @khanfaysal9934 ай бұрын

    great explanation...I already share my linkedIn profile thanks dada.

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    Take love bhai, thanks ❤️

  • @Ahmed-zd8mm
    @Ahmed-zd8mm4 ай бұрын

    beautifully explained, also request to please add higher order components like this

  • @tapasadhikary

    @tapasadhikary

    4 ай бұрын

    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 kzread.info/dash/bejne/lqiruMyDfdG1o9o.html

  • @_DRACrY
    @_DRACrY2 ай бұрын

    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.

  • @tapasadhikary

    @tapasadhikary

    2 ай бұрын

    I did one related to CSS animations recently. What else you would like to learn?

  • @_DRACrY

    @_DRACrY

    2 ай бұрын

    @@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.

  • @tapasadhikary

    @tapasadhikary

    2 ай бұрын

    @_DRACrY thanks! I will make them

  • @_DRACrY

    @_DRACrY

    2 ай бұрын

    @@tapasadhikary thank you, ❤️

  • @iftekharhaidar2397
    @iftekharhaidar23973 ай бұрын

    I think, I do so...

  • @tapasadhikary

    @tapasadhikary

    3 ай бұрын

    That's great