JavaScript Value vs Reference Types

JavaScript Value vs Reference Types
🔥Get the COMPLETE course (83% OFF - LIMITED TIME ONLY): bit.ly/2M1sp4B
Subscribe for more videos:
/ @programmingwithmosh
Want to learn more from me? Check out my blog and courses:
programmingwithmosh.com
/ programmingwithmosh
/ moshhamedani

[@AriKariG]

My family is from Hamedan...Love your explanation of this topic really simplified, clean, and straight to the point.

[@sodiqayilara1519]

No matter the amount of articles you have read,Mosh will always teach you something new and useful.Awesome teacher,thanks Mosh.

[@NoahNobody]

Wow, I didn't know that. I really need to improve my JS.

[@lynnqi6451]

great explanation, very clear, straight forward. Help me a lot, thank you very much!

[@ceddh15]

value vs reference was driving me crazy but this video absolutely helped me. thank you for the explanation

[@anyakhardina6174]

Another underlying principle worth mentioning here for the example starting at 3:05 is called "variable shadowing". Because our inner variable's name is the same as the outer variable's, a variable in the inner scope is said to shadow a variable in the outer scope. That is why we cannot re-assign a value assigned to a global variable. However, if you tweak this example a little bit: let number = 10; function increase() { number++; } increase(); console.log(number); So, here we are not passing in any arguments and therefore a value in the global variable can be re-assigned.

[@cferracini]

THANK YOU SO MUCH!!!! I researched a lot and the answer was right here in the comments! I was testing: *console.log('obj ',increase(obj));* *increase(obj);* and was getting undefined. I couldn't understand why... actually I don't fully understand yet. Because if I change: *function increase(x){ x++; }* *increase(obj);* *console.log('obj ', obj);* -> still gets 10. and *console.log('obj ',increase(obj));* -> still gets undefined is it because when we put "increase(obj);" obj becomes the x inside de function so we get the "variable shadowing" again? also... why do that function at all if it will only be able to deal with that one variable? it is easier to just put *obj++;* then print

[@Navistar-cu2po]

Clear, Concise, Straight to the point. Your video helped me grasp the concept quickly.

[@han5173]

very straightforward and easy to understand! thank you!

[@EnglishRain]

FANTSTIC explanation! You're brilliant man! Hit home in first stroke!

[@sdix20]

Excellent, concise explanation. Thank you, Mosh!

[@aaabbb-qv4ff]

VERY nice explanation. Simple and to the point. Thank you!

[@progtom7585]

this is excellent, im reading a "well regarded" book at the moment and its like double dutch compared to this simple explanation... thanks mate.

[@mariekevandijk4]

Brilliantly explained, thanks!

[@nourslimane571]

this explanation helps with every programming language , also one can learn about this fundamentally with C , great content.

[@DS-zr9gv]

Why are you so awesome at explaining. Please make more on Angular7 and JS

[@rohitkudalkar92]

ooohhh, That was a very clear example. Thanks.

[@abdelkrimeljaouhari2370]

you've made it very simple ,thanks.

[@sakthi3687]

Thanks Mosh 👍✌️😊... I am expecting ES6 features video

[@a_maxed_out_handle_of_30_chars]

thank you, simple and to the point :)

[@ablamohamedamine]

Very useful Tutorial ! Thanks a lot :D

[@ahmedabbas8774]

love you your videos very good explanation.

[@11vag]

So far, the best explanation I´ve seen about this. Thank you mate.

[@andTutin]

the thing is. its wrong

[@ZilverDx]

Coming from C# to this I wasn't able to reference correctly a variable in JS. Thank You SO MUCH! Now I get it with this video!

[@jmcauhy]

Brasileiro tá em td lugar kkkk

[@ciceroaraujo5183]

You are really a great professor

[@Dj7wiLLY]

explained SOOOOOOOOOOO DAMN WELL !!!!!!!!!!!! Thank you so much, man !!!

[@idrees9674]

Thanks, This really helped me

[@danielakoyleek3757]

Thanks sir. This was hard to get my head around til i watched this.

[@ajaynathgupta]

Nice explanation

[@jsprodev2425]

Very helpful. Thumbs up

[@tanvirmohammedakif5899]

concept nicely explained, highly appreciated ///

[@daniyahaider6468]

i saw your video it was so interesting I thought it would be boring like other videos of other programers but when I started to see it the 6 mins gone away so fastly that I saw your video again and again and it was so fun can u make a video on symbols es6?

[@AA-fe1zl]

Excellent video!

[@behindthescene2727]

Thank you sir

[@s7s_space]

thanks Mosh

[@drementer9]

🔥 awesome content

[@sonamuhialdeen7866]

So good tutorial

[@baatar]

You are great.

[@KayhanEskanndari]

best explain ever

[@bavan1358]

I almost gave up on this topic , you saved me

[@javascript_developer]

Thank again.

[@carlosmedero2696]

Great explanation. I wish you wouldn't have named the parameters the same as the arguments. I would've understood it a bit sooner. Thank you!

[@ashadcosta8756]

A doubt - when we're consoling the value of x which is supposed to store the reference (address) of the object then why it is printing the object itself? Should not it print the address of the object as it is storing the same?

[@PeriklesPeriklesoglu]

thanks

[@mel7im19911]

What about if we define Number/Strings as Objects, ex: let x = new Number (10) let y = x Is it will be assigned by reference or value?

[@sagargahatraj5196]

refrence coz y is coping an object

[@hesamdanaey5446]

reference i think. that is object now

[@mohamedprogrammer19]

im happy cuuuuz i find this video

[@LexRexLibertarian]

Great video but the scope pollution part confused me a bit

[@rafaelcorrea7959]

How do I force copying an object? (not by reference)

[@samareshshil69]

great

[@codeconceptswithmughees]

So much better than my explanation 😅

[@mindurownbussines]

in

[@robertjones811]

Javascript is always pass by value. Pass by reference does not exist in JavaScript. When you remind yourself about the fact that an object and a reference to that object are 2 *independent* things, it will make more sense. I suppose we've been conflating and object "reference" and passing function arguments "by reference." stackoverflow.com/a/13104500/463206 stackoverflow.com/questions/37290747/pass-by-reference-javascript-objects#comment62108759_37290747 When passing a object reference, the *value* of that reference (e.g. the address of the object) is copied and that copy is passed - This is the definition of pass by value. "Pass by reference" means the original reference, not a copy, is passed. Here's the litmus test: In the called function assign a different object to the reference variable. If the original reference now points to this different object then you have pass by reference. But this does not happen in JavaScript. Of course you can change the object's properties, because the reference copy is pointing to the same object. But that is not germane. Rather, "Pass by xxxx" means - whatever you're passing, if it a copy it is "by value", if it is the original it is "by reference".

[@HassanMalikTW]

let number = 10; function inc(n) { number = number + n; } inc(5); number; // result is 15 HOW DOES THAT HAPPEN?

[@davidsoto8445]

In case some else gets confused by this. see 0:34 of the video. This is by definition pass by reference.

[@kayan_dev]

let scoop is out of function increase

[@francsicozuniga3721]

Can anybody tell me what software or site he is using to demonstrate this? I am new to this and would really benefit from an app or something that lets you practice.

[@ZTP357]

Visual Studio Code

[@igu642]

❤❤

[@prateek4524]

🔥🔥🔥🔥🔥🔥

[@mehmetedex]

String is considered as an object and primitive type at the same time how confusing is that 🤣🤣🤣🤣🤣🤣

[@Himanshu9178]

confused unga bunga

[@rutumendhe3359]

You should have given numbers for videos 😢😢 it's hard to find which is first and next video ... Content is good but navigation is hard 😢😢

[@mek059]

Unfortunately I don't understand the concept :(

[@andTutin]

wrong