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

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

[@AriKariG]

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

[@lynnqi6451]

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

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

[@ceddh15]

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

[@aaabbb-qv4ff]

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

[@Navistar-cu2po]

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

[@EnglishRain]

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

[@han5173]

very straightforward and easy to understand! 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.

[@sdix20]

Excellent, concise explanation. Thank you, Mosh!

[@DS-zr9gv]

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

[@nourslimane571]

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

[@ablamohamedamine]

Very useful Tutorial !
Thanks a lot :D

[@11vag]

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

[@andTutin]

the thing is. its wrong

[@mariekevandijk4]

Brilliantly explained, thanks!

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

[@sakthi3687]

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

[@rohitkudalkar92]

ooohhh, That was a very clear example. Thanks.

[@ahmedabbas8774]

love you your videos very good explanation.

[@abdelkrimeljaouhari2370]

you've made it very simple ,thanks.

[@a_maxed_out_handle_of_30_chars]

thank you, simple and to the point :)

[@danielakoyleek3757]

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

[@jsprodev2425]

Very helpful. Thumbs up

[@ciceroaraujo5183]

You are really a great professor

[@Dj7wiLLY]

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

[@Antarah525]

Thanks, This really helped me

[@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?

[@tanvirmohammedakif5899]

concept nicely explained, highly appreciated ///

[@AA-fe1zl]

Excellent video!

[@ajaynathgupta]

Nice explanation

[@s7s_space]

thanks Mosh

[@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?

[@rafaelcorrea7959]

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

[@drementer9]

🔥 awesome content

[@bavan1358]

I almost gave up on this topic , you saved me

[@behindthescene2727]

Thank you sir

[@ArgKilljoy]

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!

[@baatar]

You are great.

[@sonamuhialdeen7866]

So good tutorial

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

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

[@javascript_developer]

Thank again.

[@KayhanEskanndari]

best explain ever

[@doniaelfouly4142]

Thanks

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

[@PeriklesPeriklesoglu]

thanks

[@mindurownbussines]

in

[@mohamedprogrammer19]

im happy cuuuuz i find this video

[@LexRexLibertarian]

Great video but the scope pollution part confused me a bit

[@codeconceptswithmughees]

So much better than my explanation 😅

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

[@ZTP1940]

Visual Studio Code

[@kayan_dev]

let scoop is out of function increase

[@samareshshil69]

great

[@igu642]

❤❤

[@prateek4524]

🔥🔥🔥🔥🔥🔥

[@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 :(

[@mehmetedex]

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

[@Himanshu9178]

confused unga bunga

[@andTutin]

wrong