JavaScript this Keyword Explained Simply

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

[@michi19935]

Finally someone that doesn't speak overly fast

[@JohnBogart-o9l]

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

[@DevSage]

Glad it helped!

[@soIatido]

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

[@DevSage]

Happy to help!

[@ArunaTebel]

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

[@DevSage]

No problem, Aruna!

[@FawnWiegand]

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

[@kobudnik]

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

[@flibben]

Very clean explanation, thanks for that!

[@DevSage]

No problem!

[@shivamthemas]

best tutorial on "this" subject

[@DevSage]

Thanks!

[@onagichitchat]

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

[@AYUSHSHARMAblogs]

Very nicely explained. Thanks

[@DevSage]

No problem!

[@riteshmehta2292]

Very clear explanation ..

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

[@chetanbawankule-w3h]

Brilliant explaination.

[@KennehGebra-cf9ds]

I subscribed because i was able to understand "this"

[@DevSage]

Thanks!

[@Vamsikrishna-mf6ye]

[@GrantH2606]

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

[@DevSage]

Yes!

[@taheraalam5156]

best video on this topic! ty.

[@DevSage]

No problem!

[@Affliction604]

Very good and instructive explanation

[@FurkanKARADENIZ-tt8zf]

I am okey with this topic but, i have a question. When i use this keyword on a object literal like 'fullName : this' it says it is a global object and this kind of little things confuses me. Thank you.

[@charlesE89]

Great explanation, thank you!

[@a-mok-youb]

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

[@kristhellalvarez1306]

a big thumb up for you, thank you!

[@d0tjs]

was very helpful, thanks ..

[@DevSage]

You're welcome!

[@codify2450]

you are a legend

[@Kotovar]

Thanks!

[@spageen]

this is awesome

[@DevSage]

Thank you

[@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 )} ));

[@abhishekpratap05]

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 ?

[@mrjeevy7720]

Great explanation, thanks!