JavaScript this Keyword Explained Simply

In most cases, the value of 'this' is determined by how a function is called. 'this' usually refers to the object that is calling the current function. If a function, foo(), is called from the global scope ("foo()"), then 'this' will refer to the global object - the Window object. But if foo() is called from inside the scope of another object ("devsage.foo()"), then 'this' will refer to the object that is calling foo() - which is the 'devsage' object. Arrow functions don't provide their own 'this' binding so it inherits the 'this' value of the enclosing function.
📚Materials/References:
MDN Web Docs: developer.mozilla.org/en-US/d...
🌎 Find Me Here:
Twitter: / realdevsage
Discord: / discord
Ebooks: payhip.com/devsage
Merch: cottonbureau.com/people/devsage

[@DevSage]

💙 Twitter: twitter.com/realDevSage
📙 Ebooks: payhip.com/devsage
💥 Discord: discord.gg/BP8wPv6raA
👕 Merch: cottonbureau.com/people/devsage

[@andyryan2945]

Seriously great explanation! Came here for more clarification on it after The Odin Project lesson Objects and Object Constructors

[@alexferreira1534]

Same haha

[@gameXIII]

'This' references to the object that calling the function.
This simple sentence cleared my mind after reading a lot of stuff about 'this'. Your explanation is amazing!!

[@user-hb3lk7bq5z]

Amazing explanation, much more concise than articles I've read.

[@DevSage]

Glad it helped!

[@kobudnik]

Appreciate all your useful vids. They've substantially benefited me in the first couple months I started out.

[@user-xm1ve7mr1p]

I've been struggling to fully comprehend this; your video really helped me out. Looking forward to checking out more of your vids ;)

[@michi19935]

Finally someone that doesn't speak overly fast

[@ArunaTebel]

Thanks a lot. One of the clearest explanations of `this`. 🔥

[@DevSage]

No problem, Aruna!

[@flibben]

Very clean explanation, thanks for that!

[@DevSage]

No problem!

[@onagichitchat]

i really want to say thank you because your simple explanation made me get it finally

[@riteshmehta2292]

Very clear explanation ..

[@AYUSHSHARMAblogs]

Very nicely explained. Thanks

[@DevSage]

No problem!

[@trevorjamesconsideracion1982]

Bro, that arrow function confused me while reading an article T - T. Thanks man!

[@DevSage]

Happy to help!

[@charlesE89]

Great explanation, thank you!

[@mrjeevy7720]

Great explanation, thanks!

[@Affliction604]

Very good and instructive explanation

[@taheraalam5156]

best video on this topic! ty.

[@DevSage]

No problem!

[@codify2450]

you are a legend

[@Kotovar]

Thanks!

[@kristhellalvarez1306]

a big thumb up for you, thank you!

[@d0tjs]

was very helpful, thanks ..

[@DevSage]

You're welcome!

[@shivamthemas]

best tutorial on "this" subject

[@DevSage]

Thanks!

[@newredroses]

So, could we say that using inline functions with the `this` keyword is discouraged (bad practice) since it would require it being nested within a normal function?
Meaning that instead of using an inline and nesting it, It's better to simply just use a normal function? Please correct me if I am mistaken! :)

[@DevSage]

Correct.

[@a-mok-youb]

Is it possible to import any module without writing the module type and export it

[@spageen]

this is awesome

[@DevSage]

Thank you

[@Vamsikrishna-mf6ye]

[@KennehGebra-cf9ds]

I subscribed because i was able to understand "this"

[@DevSage]

Thanks!

[@GrantH2606]

9:53 Could you just use an arrow function with the forEach method/function to solve the "this" problem?

[@DevSage]

Yes!

[@aloktomar8566]

on forEach (8:02) when this refers to window object why dont we use arrow function for ex: this.hobbies.forEach((hobby)=>{ ( console.log( this.firstName )} ));

[@abhishekpratap8784]

You can, i guess he just wanted us to learn how to fix it without changing the callback function type.

[@hazfrd]

Right , but its more interesting to do that way for the sake of concept and learning isnt ?