JavaScript this

In this tutorial, we'll be discussing the concept of this in JavaScript. We'll look at what this is and how it works in JavaScript. We'll also look at how to use it in various situations, including functions, classes, and arrow functions.

Why should you use it?

  • It allows for better code organization and readability.
  • It makes it easier to reference objects and functions.
  • It can be used to create more concise and efficient code.

This

This keyword is used in JavaScript to refer to the current object. It is used to access the properties and methods of the current object. It is also used to call the functions of the current object. It is also used to refer to the current function. The 'this' keyword always refers to the object that is currently executing the code. It can refer to the global object, a function, or an object. The 'this' keyword can be used in two ways: 1. Implicitly: This is when the 'this' keyword is used without any explicit reference. In this case, the 'this' keyword refers to the global object. 2. Explicitly: This is when the 'this' keyword is used with an explicit reference. In this case, the 'this' keyword refers to the object that is referenced.
console.log(this);

Example 1: Implicitly using 'this' keyword

In this example, we are using the 'this' keyword implicitly to refer to the global object.

const obj = {
  name: 'John',
  sayName: function() {
    console.log(this);
  }
};

obj.sayName();

Example 2: Explicitly using 'this' keyword

In this example, we are using the 'this' keyword explicitly to refer to the object that is passed as an argument.

function sayName() {
  console.log(this);
}

sayName();

Example 3: Using 'this' keyword in a function

In this example, we are using the 'this' keyword to refer to the function itself.

const obj = {
  name: 'John',
  sayName: function() {
    console.log(this);
  }
};

obj.sayName();

Example 4: Using 'this' keyword in an object

In this example, we are using the 'this' keyword to refer to the object itself.

1