What is 'this' in JavaScript

What does 'this' return?

Here's an object which uses this keyword

const man = {
  name: "rick",
  adventure() {
    console.log(this);
  }
};

man.adventure(); 

Executing above you will see the man object on the console.

But what if you do;

const adventure_reference = man.adventure;

adventure_reference();

Output then would be;

Explanation

Value of 'this' is determined by how a function is called;

• If we call a function as a method in an object this will always return a reference to that object.

• If we call a function as a standalone object - or outside an object this will return the global object which is the window object in browsers.

In the next post we will use bind() to solve the problem 'of returning the window object'