JavaScript Value vs. Reference (Primitives vs. Objects) -- Tutorial for Beginners

JavaScript Copy by Value vs. Copy by Reference.
This is episode 10 in a 10 part series I’m calling 10 things javascript. Today for episode 10, we’re looking at the difference between Primitives and Objects. Episode 10: Value vs. Reference. Let’s go!
Full playlist here: • 20 Things JavaScript D...
JavaScript Value vs. Reference from the series "10 Things JS Developers Should Know"
by ColorCode.io, Sina Jazayeri
The topic of Episode 11 will be decided by you! Leave me a comment with your name and tell me what JavaScript concept you want to see next!
** Announcement **
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:
www.colorcode.io/js-mastery
0:00:00 Intro
0:01:17 What are Values?
0:01:50 Primitives vs. Objects
0:04:35 The differences behind the scenes
0:08:10 Recap
0:08:29 Value Comparison (example 1)
0:09:12 Value Comparison (example 2)
0:09:58 Value Comparison (example 3)
0:13:38 Value Copying (example 1)
0:16:40 The End ??? Maybe not...
0:17:52 ANNOUNCEMENT! JavaScript MasterClass
0:19:54 Outro

[@ColorCodeio]

🎉👨🏻‍💻Episode 10: JavaScript Value vs. Reference - of 10 Things JavaScript Developers Should Know But Probably Don't.

[@DevCoder]

PLZ Sina make a video about Hoisting and other about Scope because your explain is perfect

[@aviralkushwaha6488]

In JS, all parameters are essentially passed to functions by value. - this is a statement from MDN. Any comment on this ? Sina: Thanks for all the content 🙇🙇

[@Rashomon69]

I never thought "value vs reference" could be interesting, but you enlightened and entertained me at the same time.

[@eumm11]

can't wait for the full course! i'm so happy that you put on all this work to teach us, god bless you Sina!

[@codecleric4972]

As an intermediate professional programmer I knew all of this already, but I still found this video to be a fun and relaxing refresher on all the topics covered. It's a really great presentation about an important topic that all programmers need to start caring about if they want to start learning more advanced things, and especially if they want to start learning lower level stuff.

[@prince5922]

I swear Sina if you would upload a video on talking about paint drying, I would watch it twice!! Your presentation is unlike I have ever seen and I have been watching and learning from tutorials my whole life. I mean--the content, the recording, the music!!, the illustrations, humor, the cool animations, the intros, the outros! You have literally made me fall in love with javascript. When I think "javascript", I think "colorcode"! You sir are absolutely amazing! One suggestion I have for your upcoming vidoes is the event loop, I can't imagine how happy I'd be to see a video on that from you.

[@ColorCodeio]

I think Event Loop is a great idea. Thanks Prince!

[@imgrey2292]

You deserve a million subscribers. Your teaching concepts are great. It's easy to understand, good pace, and well simply explained. I hope you'll include someday on how to structure the code when start making any program and what are we gonna be using first, would it be an if else statemnt or directly use object instead. Thank you. Much appreciated ❤️

[@ColorCodeio]

Nice of you to say. Thank you.

[@cryptographical4102]

Looking forward to a full course, you cut through the BS and use clear and concise language, thanks for taking the time to put these together!

[@localLyricsPh]

This lesson is very necessary for every developers to know.

[@vediam]

Harika bir anlatım. Teşekkürler!

[@MegaJohn144]

I just finished writing an app with a C# backend and HTML/CSS/JS front end. I know just enough about JavaScript to understand and copy a few examples I found online. Now, I really want to understand JavaScript, the code I copied and what it really does. I went through a lot of trial and error because I didn't understand stuff. I have watched a couple of your videos and am very impressed. I'm going to watch this series from start to finish and try and understand everything. After 50 years of software development, I am now retired and I write software, now, just because I enjoy it. I never really have understood JavaScript, so now is my chance. Your presentations are very polished and easy to follow.

[@obiajuluanthony]

I respect you a lot, you're a great teacher and trust me ive had a lot of teachers

[@ColorCodeio]

I appreciate that!

[@elielberra2867]

I have just finished watching this first part of the series. I am amazed at how you have broadened my vision of Javascript. I feel that I am starting to have a deeper understanding of how JS works. The enthusiasm, humor, creativity and effort you put into this videos is wonderful. Thank you so so much!

[@alexandredubois6445]

Thank you for this series! It was very clear, interesting and enjoyable to watch!

[@ColorCodeio]

You're very welcome!

[@yasinnkhann]

I love the effort and quality of these videos!

[@ColorCodeio]

Thank you :)

[@user-fp9hl9cf1q]

You are the best! Thanks for the series!

[@ColorCodeio]

You're welcome.

[@davidhaiman9814]

these are the most engaging/entertaining educational coding videos I've ever watched.

[@ColorCodeio]

Thanks! Glad to hear

[@jakobo5521]

Thanks a lot for putting things together and presenting them in a very approachable way💪👍

[@dgcp354]

I watched the first episode and subbed yesterday, so far it's amazing.

[@ColorCodeio]

Awesome!

[@danrong1562]

This is awesome thanks so much!!!

[@sashab4432]

You Sir, are fantastic teacher! Thank you for this awesome series! Looking forward to your course and more of your content. Keep it up!

[@ColorCodeio]

Thank you. More coming soon.

[@jl_117]

the first vid I saw from you and already subscribed. You broke down something small in a super detailed manner

[@ColorCodeio]

Welcome aboard!

[@EndLessPain-gw5oe]

Closures - Hoisting - Recusion or Callback - Promises - Async Await

[@ColorCodeio]

Good ideas. Btw I already did Closures: kzbin.info/www/bejne/l3nVp5xor7mfl7c

[@AlisaHaman]

Great video as always!!! Thank you for sharing all your JS wisdom!

[@ColorCodeio]

Thank you Alisa!!! My fellow KZbin star 💜

[@yanuka7]

thanks for the series! it was great

[@ColorCodeio]

👍

[@dineshreddy8915]

its perfect every thing is perfect, so perfect, perfett.... perfect

[@mahletregassa2725]

Thank you for your interesting, engaging, and entertaining channel. As I am a new coder your beginner-friendly channel is the best.

[@ColorCodeio]

🙏

[@19kotik92]

just started fullstack coding bootcamp- this is my favorite JS channel i've found!! will recommend to everyone in my cohort. THANK YOU!

[@ColorCodeio]

Welcome aboard!

[@ericderace]

This channel is a gem!

[@ColorCodeio]

😃

[@thangthai4124]

Thanks for these videos Sina, they truly helped my understanding of JavaScript. Would love a video on recursion!!

[@ColorCodeio]

Thanks! Recursion is a great idea.

[@ferreven2558]

Walter white indeed does a *different* type of cooking lol

[@ColorCodeio]

🧪

[@daniel7007]

Bro that's awesome! Make video like that!

[@diamonddhee]

Thank you sir.... i followed through the 10 videos in the series and it was amazing... you are definitely the best coding tutor I've seen on KZbin so far... because you make your videos very interactive and you explain everything from the root.. I'll like to see more videos from you especially on JavaScript asynchronous programming

[@ColorCodeio]

Awesome

[@techthirsty509]

Hey man, thank you so much for this series. Loved every bit of it, and your energy and positivity is infectious. If you can, i would love the next video to be on Asynchronous JS. Cheers SINAAAAAA :'(

[@ColorCodeio]

Thanks for the idea! Tech Thirstyyyyyyyyyyyy

[@tetianazhuchenko2182]

Sina, you are amazing.👍 You've made the best tutorials I have ever seen🙂 Thanks a lot 🙏 💓

[@ColorCodeio]

Thank you ♥️

[@justdata3650]

There is a big difference between knowing something and being able to teach something in a way that a learner gets a good fundamental understanding of the concepts of what you are teaching. You have bridged that gap which many experts fail to do. Well DONE !!!

[@ColorCodeio]

Tysm!

[@mdshoharabpk1126]

thanks for your great tutorial, love from my heart ❤❤

[@ColorCodeio]

🙏

[@kartikeyshukla2000]

somehow this video came in my feed. this is really what i needed. Thanks a lot sir!!

[@ColorCodeio]

Glad it was helpful!

[@UmeshKumar-mt2dp]

Love you man.. Love from India !! 😍😘

[@adamcope6890]

Great stuff. Keep it up!

[@ColorCodeio]

Ty!

[@Duxlq]

I found your channel a few weeks ago and as I am currently learning my first framework, your explanation of the basics is great. A different perspective going over what you already know ( or think you know) is always a good way to get a second pass at learning something or firming up your knowledge . I have a suggestion on a future video ( excuse me if you have made a video on it, I am yet to see parts 11-14 of your series) For myself, I have to say, my biggest struggle is working with modules, especially if you are using a paradigm like MVC and keeping track of the information flow. Awesome work on the series! See you in part 11

[@ColorCodeio]

Great to hear that

[@surajraika9245]

I am waiting for your video from long time.... You explain very well...

[@ColorCodeio]

Awesome

[@m47h4r]

Well done, it's clear how much effort was put in these videos.

[@ColorCodeio]

🙏

[@neveriodev350]

Thank you!

[@SHANSANIRA]

I find your way of teaching things is so fascinating, and I learned a lot from this series. This may not be related to javascript only, But I would like to learn from you about the 'function currying' in the perspective of javascript.

[@ColorCodeio]

Good idea

[@UsamaMadniTecklogics]

Brother Soo Simplified...

[@sila-qq5ku]

Asynchronous programming should definitely be covered next: Promises , Async await the whole concept would be interesting to learn from your perspective.

[@ColorCodeio]

You just guessed the topic for 11, 12, and 13 😉 Just released episode 11: Async

[@itsnobledean9450]

If you been building the course for years, at the time of this video, and you still ain’t come out with this course, then I’ll definitely been well beyond needing this course. It’ll years before this course is put out. I started learning web development in April of this year, and I followed Coder Coder because her style of teaching really resonated with my learning style. She teaches mainly the basics of HTML, CSS, SCSS, NPM, GIT/GITHUB, and what these people fail to realize, is that there are maybe 500 other teachers and organizations doing exactly what you’re setting out to do. I’m well pass what she can teach me, and I just started learning JavaScript September 1st of this year! I’ll be on React, and React Native by the time this course comes out.

[@smallsir7306]

Thank you Sir!!!! Your 10 things javascript developers should know but probably don't have taken me to another level. I'm so glad i discovered your channel!!!! Recursion have been notoriously hard on me lately, I would appreciate if you can clear me out on it as you have done on other concepts. Lot's of respect from me!!!!!!!

[@ColorCodeio]

I’m so glad it’s been helpful for you. And good idea on recursion!

[@mahfoudh_arous]

I would like a more in depth course about "Closure", more examples, use cases, possible issues,...thank you Sina! you are the best! Cristopher Nolan of JS!

[@lonetwig2734]

Thank you so much sir for this amazing serie, it has been very helpfull,love the way you explain and simplfy things.I would love if you include next the callback/promise/async function i find them one of the hardest things to grasp in javascript.

[@ColorCodeio]

Awesome suggestion. Message me on Instagram @ColorCode.io for your sticker.

[@rajgopal2513]

Thanks a lot Mr. Sina, I wait for your uploads a lot and get really excited when I see your video. This series really taught me a lot and helped me understand Js much better, Can you please do a video explaining Asynchronous js, Covering the topics like callbacks, promises and async-await as they are really fundamental concept and are used very often...

[@ColorCodeio]

Yep, very good topic suggestions 👍

[@faizadnan4029]

Great Explanation

[@ColorCodeio]

👍

[@jatilyadav4000]

Important Video for me... Thank for uploading

[@ColorCodeio]

You're welcome

[@dentechclinic3543]

The quality of the video just incredible. clap clap clap

[@ColorCodeio]

Thank you!

[@raheem81kg]

best of best in terms of quality videos

[@ColorCodeio]

Thanks!

[@nancychaudhry3623]

Great series! Thank you so much. One thing you could cover would be IIFE. Still trying to wrap my head around that concept.

[@jeroenverdonschot]

Thank for this tutorial! You were asking for new fundamental concept to explain. For me efficiënt error catching is a thing I really want to improve. Thanks

[@ColorCodeio]

Great suggestion. Thank you.

[@shripadjalamkar3296]

good content ..... very good explanation...looking forward for the course

[@ColorCodeio]

Thank you

[@AbdulazizAliev648]

Hi I am Ilkhom. I started learning learning JavaScript two weeks ago. I am really interested in this language. I must admit that these videos really helped to understand JavaScript well as a beginner. Thank you a lot for the awesome and in detail videos.

[@ColorCodeio]

Awesome 👍

[@sudiptasaha8905]

woahhh. hats off to your approach. Explanations with practical use cases are really really good. Also that 'Walter White' example was hilarious. Please please please create more videos more frequently.

[@ColorCodeio]

Thanks. More videos coming soon.

[@sergiu6650]

Good job.... "Craig'

[@mihaichiorean6079]

Thank you for the tutorial, great explanations! I have some subjects in mind : Generators, Maps, Sets, series of video with some design patterns, garbage collector, a series of videos about functional programing, SOLID principles

[@hoomandadkhah7965]

سلام سینا جان امید وارم همیشه سالم و سلامت باشی... حدود بیشتر یه ساله خودم شروع کردم خوندن جاوا اسکریپت... خیلی کلنجار میرفتم با مفهوم this تا اینکه ویدیو تو رو گرفتم دیدم متوجه اش شدم.... آقا خیلی کارت درسته دوستت داریم از ایران- خوزستان- اهواز😍

[@anuragsingh-ts3nb]

Hey Sina, again loved the content for this reference Vs value. As per my suggestion i would say concept like function currying, promises needs this WHY explanation. 🔥

[@ColorCodeio]

Currying and promises are good suggestions. Send me a message on instagram @colorcode.io

[@ariseawake3437]

Awesome, Thank you

[@ColorCodeio]

You're welcome

[@user-mw5bm2xh9x]

thanks for the explanation

[@ColorCodeio]

🙏

[@sorenvgf]

Hi Sina. Thank you for the series. I’m studying JS as my first programming language and your WHY Method always get me to understand better the topics I have some questions! I would suggest a chapter about the FOR, FOR OF and FOR IN Loops, because personally, as a beginner, I still have some trouble when using it. Again, thank you for your videos!

[@ColorCodeio]

Wonderful! I'm glad you're using the Why Method to your advantage. I'll consider the iterators for future videos. Message me on instagram for sticker @ColorCode.io

[@paolaconde5984]

Hi! I'm looking for my first job as a front end and recently had a job interview with an excercise that involved the copy of an array. It didn't went well because I've studied this but I think I never get to fully understand it, so I couldn't explain it and i got nervous and well... it was a little awkward hahaha At the end of my interview I promised myself i'll learn this and here I am watching your video and finally understanding what this is about. Thank you very much, I'm looking forward to see more of your videos! You have an amazing way of captivate your audience and a clear way of explanning things!

[@ColorCodeio]

Awesome Paola! Great to hear that and best of luck in your job interviews. You're gonna crush it 👊🏼

[@Sat-7]

Hey Mr.Sina, Love from 🇮🇳 I desperately waited for the 10th video and you said it would be coming soon and it's been a while. But your playlist has given me the confidence to attend my first interview and I've cracked 4 out of 5 JS interviews in a week. It felt great to see your video just popped up when I clicked KZbin. Please let me know if I can help with you regarding your channel content. Your channel really needs a wide spread. Coming to the topics, Please explain advanced but yet fundemental concepts like Debouncing, Throttling, Asynchronous functions, Currying, DOM API, Promises, Debugging etc. I'd love to research and give you thoughts. You can also explain debugging for your short videos. Gracias Sina n Qoli.

[@gurukiran1447]

Hi . I am in Love with your way of teaching. I will be looking forward for the vedio on Promise, async await, API and Asynchronous programming. Thankyou for the series.

[@ColorCodeio]

Yes, soon!

[@robertod893]

Great content!

[@ColorCodeio]

👍

[@cicinuga6888]

Oh Waow... thank you so much

[@ColorCodeio]

You're welcome :)

[@jakubfrei3757]

I really like your videos, thank you

[@ColorCodeio]

👍

[@adityaparmar4996]

thanks very nice teach ,

[@fa1th1nme]

Two topics I would love for you to cover are service workers and web sockets

[@ColorCodeio]

Great ideas. Thanks!

[@robertthuku4237]

Your videos have been super helpful.....I'd like to hear you speak on Recursion

[@ColorCodeio]

Good idea! Message me on instagram @ColorCode.I’m for your sticker.

[@juju_be]

Please make a video on node.js modules. specifically creating own modules to reuse in code, how to export/import them to help structure files and keep code neat! thanks! amazing course series. I love the way you explain things and work inside the browser. looking forward!

[@anuragsharma966]

Thanks a lot for this series i really enjoyed. Please make a video on "new" keyword

[@ColorCodeio]

Good idea. Message me on instagram @ColorCode.io for your sticker.

[@nikhilpsathyanathan]

Very useful video series

[@ColorCodeio]

👍

[@absbica31]

I know this is 6 months old and you already put out 11, but would love a video explaining the use of a class that requires the constructor method as opposed to omitting it. Your series here is by far the best I've come across...in your presentation, speaking style (and humor) and clear concise explanations. Thank you!

[@ColorCodeio]

♥️👍

[@faizanurrehman6220]

async ,await , debugging js please You explain awsome bro🔥

[@piotrjasiulewicz408]

god tier level content again

[@ColorCodeio]

🙏👍

[@ianhnizdo4787]

Good explanation! I think the hardest thing I'm encountering with Javascript, or coding in general is changing my mindset. The problem is I look at solving problems to much in a one step manner that makes it simple to get started but fails to simplify the code. You cannot make a video about that here though lol, that is something I or anyone would just have to learn themselves. If your still looking at this video ColorCode I'd be interested in seeing you talk about the reduce method and how to customize it. Everyone says its the best array method but it can be hard to get the hang of due to how the 'accumulator' is updated.

[@ColorCodeio]

Good suggestion. Thank you! I've been meaning to make a video about reduce.

[@pixelseeker]

Love these videos. Also , you have an uncanny resemblance to Cosmo Kramer! , one of the most beloved character from Seinfeld😇

[@ColorCodeio]

Hah never heard that one before

[@sarabpreetsingh6147]

Your teaching style is awesome, make some video on Hoisting and Dev tools

[@ColorCodeio]

Good idea

[@hamzarashid7579]

I would love to see some typescript videos

[@bmehder]

I want to thank Sina, Qoli, Sam, (and Craig?) for this excellent JS series.

[@ColorCodeio]

They all say hi! And you're welcome. Also Craig went to jail.

[@mihaibarabas9649]

Hi, I watched episode 10 and I would like to propose a topic that Javascript Developers should know But probably don't: That topis it is about Hoisting in JS. I want you to know that you are doing an excellent job and I congratulate you for this :D KEEP UP THE GOOD WORK!

[@compilewithdev]

i like this❤

[@ajayrathod6946]

Hi, I really enjoy your series. The moment i start your series i feel little bit sad because you always use to say "10 things javascript developer should know". so i always use to think after 10 videos our journey will end but i am glad it is not going to be. I look forward to watch your other video. I have one topic in mind if you want to try, "class". maybe to common but still i make mistake sometimes so it would be better if you make one video on it. All the best for you future and your new master javascript course.

[@ColorCodeio]

Thank you!

[@user-qd5fg1yh6i]

hi sina, thank you very much for the 10 Episodes it helped me a lot i would like Episodes about array methods, class, promise, localSorage, JSON and AJAX and agian thank you for the Episodes good luck with JavaScript Course i will wait for more info about it as well :)

[@ColorCodeio]

Array methods is a great topic, thank you 👍If you're on instagram message me @colorcode.io

[@caribbeanman3379]

To summarize JavaScript variables only store primitive values. If the value of a variable is primitive the variable stores the value itself. If the value of the variable is an object, then JavaScript stores a primitive value that is the memory address of that object's location in memory.

[@rommelsagum987]

Thak you very much.

[@ColorCodeio]

Yw!

[@zuberytragez7274]

I enjoy your videos

[@ColorCodeio]

👍

[@samehmohamed324]

Dude you are the best ❤️❤️ , can you make a full node course pleeeeeease

[@ColorCodeio]

Working on it!

[@andrewwall2730]

Love your series! Look forward to next ones. Maybe I missed a couple, but would like explanations of really what a pure function is, what is a combinator function. tail call optimization. Also, what are side effects?

[@ColorCodeio]

Pure Functions will be the next episode, currently writing!

[@deankinyua2365]

spread and rest operator .....colorcode thats a good topic

[@devsCafe1980]

I really loved when you chose Qoli over James or Jack 😂😂

[@Quicknuggets]

I would like to see advance concepts like Higher Order function .. explaining how it works and how to create and use it in vanilla JavaScript projects

[@ColorCodeio]

I covered Higher Order Functions in episode 8: kzbin.info/www/bejne/ZpKui6mEg8treKM

[@hamoooood15]

Can you please explain module pattern (IIFE) vs es6 modules (import and export)? You are a great teacher