JavaScript this keyword

this usages

While using JavaScript one wonders what the this keyword means on different scenarios.

You may start using it on a click event of a DOM element, maybe using the constructor pattern and the list goes on. Then you start seeing it being used in more advanced scenarios where this is changed behind the scenes.

These are the uses of this you should be familiar with:

Pointing to the global scope (window)

Pointing to an object literal

Pointing to a new object using new keyword

Pointing to an object using call or apply

Used on a DOM event handler

Reference: Mozilla JavaScript Reference link