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

Подписаться 77 тыс.

Просмотров 28 тыс.

50% 1

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

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 264

@ColorCodeio 2 года назад

🎉👨🏻‍💻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 10 месяцев назад

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

@prince5922 2 года назад

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!

@ferreven2558 Год назад

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

@ColorCodeio Год назад

🧪

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

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

@vediam Год назад

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

@danrong1562 Год назад

This is awesome thanks so much!!!

@smallsir7306 2 года назад

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 2 года назад

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

@daniel7007 Год назад

Bro that's awesome! Make video like that!

@user-fp9hl9cf1q 2 года назад

You are the best! Thanks for the series!

@ColorCodeio 2 года назад

You're welcome.

@jakobo5521 5 месяцев назад

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

@dineshreddy8915 Год назад

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

@localLyricsPh 5 месяцев назад

This lesson is very necessary for every developers to know.

@MegaJohn144 7 месяцев назад

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.

@yanuka7 2 года назад

thanks for the series! it was great

@ColorCodeio 2 года назад

👍

@elielberra2867 4 месяца назад

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!

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

@EndLessPain9999 2 года назад

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

@ColorCodeio 2 года назад

Good ideas. Btw I already did Closures: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aHrvi2zTlaU.html

@itsnobledean9450 9 месяцев назад

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.

@yasinnkhann 2 года назад

I love the effort and quality of these videos!

@ColorCodeio 2 года назад

Thank you :)

@UmeshKumar-mt2dp 5 месяцев назад

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

@surajraika9245 2 года назад

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

@ColorCodeio 2 года назад

Awesome

@obiajuluanthony Год назад

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

@ColorCodeio Год назад

I appreciate that!

@adamcope6890 2 года назад

Great stuff. Keep it up!

@ColorCodeio 2 года назад

Ty!

@dgcp354 2 года назад

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

@ColorCodeio 2 года назад

Awesome!

@AlisaHaman 2 года назад

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

@ColorCodeio 2 года назад

Thank you Alisa!!! My fellow RU-vid star 💜

@LazyDali 2 года назад

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

@ColorCodeio 2 года назад

You're very welcome!

@ericderace Год назад

This channel is a gem!

@ColorCodeio Год назад

😃

@neveriodev350 6 месяцев назад

Thank you!

@jatilyadav4000 Год назад

Important Video for me... Thank for uploading

@ColorCodeio Год назад

You're welcome

@sashab4432 2 года назад

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 2 года назад

Thank you. More coming soon.

@mdshoharabpk1126 Год назад

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

@ColorCodeio Год назад

🙏

@ariseawake3437 2 года назад

Awesome, Thank you

@ColorCodeio 2 года назад

You're welcome

@faizadnan4029 9 месяцев назад

Great Explanation

@ColorCodeio 9 месяцев назад

👍

@davidhaiman9814 6 месяцев назад

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

@ColorCodeio 6 месяцев назад

Thanks! Glad to hear

@jl_117 7 месяцев назад

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

@ColorCodeio 7 месяцев назад

Welcome aboard!

@raheem81kg Год назад

best of best in terms of quality videos

@ColorCodeio Год назад

Thanks!

@mahletregassa2725 Год назад

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

@ColorCodeio Год назад

🙏

@kartikeyshukla2000 4 месяца назад

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

@ColorCodeio 4 месяца назад

Glad it was helpful!

@thangthai4124 2 года назад

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

@ColorCodeio 2 года назад

Thanks! Recursion is a great idea.

@tetianazhuchenko2182 Год назад

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

@ColorCodeio Год назад

Thank you ♥️

@robertod893 Год назад

Great content!

@ColorCodeio Год назад

👍

@hoomandadkhah7965 2 года назад

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

@jakubfrei3757 Год назад

I really like your videos, thank you

@ColorCodeio Год назад

👍

@nikhilpsathyanathan Год назад

Very useful video series

@ColorCodeio Год назад

👍

@sila-qq5ku 2 года назад

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

@shripadjalamkar3296 2 года назад

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

@ColorCodeio 2 года назад

Thank you

@diamonddhee 2 года назад

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 RU-vid 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 2 года назад

Awesome

@cicinuga6888 Год назад

Oh Waow... thank you so much

@ColorCodeio Год назад

You're welcome :)

@19kotik92 2 года назад

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

@ColorCodeio 2 года назад

Welcome aboard!

@codecleric4972 3 месяца назад

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.

@m47h4r 9 месяцев назад

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

@ColorCodeio 6 месяцев назад

🙏

@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

@adityaparmar4996 4 месяца назад

thanks very nice teach ,

@user-mw5bm2xh9x 8 месяцев назад

thanks for the explanation

@ColorCodeio 6 месяцев назад

🙏

@dentechclinic3543 2 года назад

The quality of the video just incredible. clap clap clap

@ColorCodeio Год назад

Thank you!

@techthirsty509 2 года назад

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 2 года назад

Thanks for the idea! Tech Thirstyyyyyyyyyyyy

@fa1th1nme Год назад

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

@ColorCodeio Год назад

Great ideas. Thanks!

@sergiu6650 9 месяцев назад

Good job.... "Craig'

@rajgopal2513 2 года назад

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 2 года назад

Yep, very good topic suggestions 👍

@lonetwig2734 2 года назад

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 2 года назад

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

@SHANSANIRA 2 года назад

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 2 года назад

Good idea

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

@Duxlq 8 месяцев назад

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 6 месяцев назад

Great to hear that

@piotrjasiulewicz408 6 месяцев назад

god tier level content again

@ColorCodeio 6 месяцев назад

🙏👍

@jeroenverdonschot 2 года назад

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 2 года назад

Great suggestion. Thank you.

@nancychaudhry3623 Год назад

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

@anuragsingh-ts3nb 2 года назад

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 2 года назад

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

@justdata3650 9 месяцев назад

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 6 месяцев назад

Tysm!

@compilewithdev Год назад

i like this❤

@robertthuku4237 2 года назад

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

@ColorCodeio 2 года назад

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

@zuberytragez7274 Год назад

I enjoy your videos

@ColorCodeio Год назад

👍

@rommelsagum987 Год назад

Thak you very much.

@ColorCodeio 6 месяцев назад

Yw!

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

@sorenvgf 2 года назад

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 2 года назад

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

@juju_be 2 месяца назад

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!

@deankinyua2365 4 месяца назад

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

@faizanurrehman6220 Год назад

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

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

@anuragsharma966 2 года назад

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

@ColorCodeio 2 года назад

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

@sarabpreetsingh6147 Год назад

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

@ColorCodeio Год назад

Good idea

@pixelseeker 2 года назад

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

@ColorCodeio 2 года назад

Hah never heard that one before

@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 Год назад

♥️👍

@user-qd5fg1yh6i 2 года назад

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 2 года назад

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

@linesave754son2 Месяц назад

thanks from PERU

@paolaconde5984 2 года назад

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 2 года назад

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

@devsCafe1980 Год назад

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

@hamzarashid7579 Год назад

I would love to see some typescript videos

@mihaibarabas9649 11 месяцев назад

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!

@Sat-7 2 года назад

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

@AbdulazizAliev648 2 года назад

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 2 года назад

Awesome 👍

@TheNotoriousJS 6 месяцев назад

HAHAH Walter White. This was the best explanation so far. Glad I found this!

@ColorCodeio 6 месяцев назад

ty!

@user-oz8vy7fy5y 5 дней назад

in minute 11:14 in my opinion the value of myAge does change because two things I guess one of them is that the function incrementAge(age) doesn’t have a return express, the second reason is that the type of variable myAge in itself cause it is a constant which can’t change itself value. To check if the value of myAge is going to change we must declare it with var or let key words then alter the incrementAge function by adding return key word. Also you can add console.log(age) function inside incrementAge() after “age = age + 1” express to see the JS operations under the hood but it will not return an alter age cause we don’t return it. With my best wishes 🎉 Thanks

@samehmohamed324 4 месяца назад

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

@ColorCodeio 4 месяца назад

Working on it!

@isha6173 5 месяцев назад

what a seriessssssssssssssssssssssssssssssssssss

@ColorCodeio 5 месяцев назад

👍

@andrewwall2730 10 месяцев назад

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 6 месяцев назад

Pure Functions will be the next episode, currently writing!

@ianhnizdo4787 2 года назад

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 2 года назад

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

@ajayrathod6946 5 месяцев назад

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 5 месяцев назад

Thank you!

@alexvass Год назад

Thanks

@alexvass Год назад

I would like to learn more about 1) javascript code fundementals within server side programming. There are many examples I have seen which combine fundamental aspects together but are hard to follow and grasp the overall concept. 2) javascript 'Canvas' 3) webworkers 4) modules with scope etc (as well differences between import and require (and within ElectronJS)) 5) Canvas and Image objects; as well as creating those as DOM elements 6) Extends, static and private 7) Subclass

@ColorCodeio Год назад

Thanks Alex! All great suggestions. More videos coming very soon.