Breaking News: Grepper is joining You.com. Read the official announcement!

this keyword in javscript

Add Answer

Disturbed Dotterel answered on February 4, 2021 Popularity 10/10 Helpfulness 2/10

answer this keyword in javscript

related this is javascript

related this keyword in javascript

related use of this keyword in js

related JavaScript this Keyword

related this keyword in javascript

related This is JavaScript

related javascript this keyword

related JavaScript this Keyword

related what is this keyword in javascript

this keyword in javscript

Comment

const user = {
    name: 'Mike';
    call() {
        console.log(this);
    }
}
user.call();

// ⚙️ Output: {name: 'Mike, call: f}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: devdojo.com

Tags: javascript keyword this

Link to this answer
Share Copy Link

Contributed on Nov 23 2021

Disturbed Dotterel

0 Answers Avg Quality 2/10

Closely Related Answers

this is javascript

Comment

//this refer to global object or window object
//but when we call this inside method of object it refers to current object
//COMMENT::1)This understanding
console.log(this === window); //true

let user = {
  name: 'shirshak',
  age: 25,
  say() {
    //here this is current object which is user
    console.log(this.name); //print shirshak
  },
};

//COMMENT::2)Reduced duplicated code inside object
let developer = {
  name: 'shirshak',
};
let admin = {
  name: 'admin',
};

function sayHi() {
  console.log(this.name);
}
developer.hi = sayHi;
admin.hi = sayHi;
developer.hi(); //log shirshak
admin.hi(); //log admin
//this reduced writing same code in each object.

//COMMENT::3)Using this in dom
const lists = document.querySelectorAll('li');
lists.forEach(list => {
  list.addEventListener('click', function () {
    console.log(this); //click li will be log
  });
});


//COMMENT::4) New this which refer to window when calling function inside function of object
user = {
  name: 'shirshak',
  skill: ['html', 'css', 'javascript', 'react', 'nextjs', 'ethers.js', 'nodejs', 'express'],
  greet() {
    const self = this;
    console.log(`Hello there ${this.name}`); //here this is user object
    //     const getSkills = function () {
    //       console.log(`You currently have ${this.skill.length} skills`);
    //       //this.skill is undefined as here this is window
    //     };
    const getSkills = function () {
      console.log(`You currently have ${self.skill.length} skills`);
      //self.skill is user object
    };

    getSkills();
    // when we call getSkills it will create new execution context
    //with this being window
  },
  geetArrow() {
    console.log(`Hello there ${this.name}`);
    this.skill.forEach(video => {
      console.log(this.name);
    });

    const getSkills = () => {
      console.log(`You currently have ${this.skill.length} skills`);
    };
    getSkills();
  },
};

user.greet();
//here new execution context create with this refer to user object
user.geetArrow();
//here we use arrow function so new function will not create new this which refer to window in new global execution context.

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 30 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

this keyword in javascript

Comment

// this keyword

// This keyword belongs to the object it belongs to
// (1).Alone, this refers to the global object.
// (2).In a regular function,this refers to the global object.
// (3).In a method, this refers to the owner object.

// 1
console.log(this);

// 2
function abc() {
  console.log(this);
}
abc();

// 3
const obj = {
  name: "Abhishek",
  no: 1,
  sum: function (a, b) {
    console.log("hello sum", a + b);
    console.log("this:::", this);
    console.log("this name:::", this.name);
  },
};

obj.sum(4, 3);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 17 2022

Abhishek

0 Answers Avg Quality 2/10

use of this keyword in js

Comment

The JavaScript this keyword refers to the object it belongs to. 
It has different values depending on where it is used: In a method, 
this refers to the owner object. Alone, this refers to the global 
object.

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 04 2021

Viper

0 Answers Avg Quality 2/10

JavaScript this Keyword

Comment

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 23 2022

naly moslih

0 Answers Avg Quality 2/10

this keyword in javascript

Comment

// In JavaScript, the this keyword refers to an object.

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

Rasel Ahmed

0 Answers Avg Quality 2/10

This is JavaScript

Comment

var Backbone = {};
Backbone.a = "aaa";
Backbone.b = "bbbb";
Backbone.c = "ccccc";
Backbone.t = function()
{
  console.log(this);
}
 function clickMe()
 {

Backbone.t();
/*console.log(this) is Backbone object (remember how "this" is "whoever owns the function"*/

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 03 2022

Javasper

0 Answers Avg Quality 2/10

javascript this keyword

Comment

const refObj = {
    func: function(){
      console.log(this);
    }
  };

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 11 2022

Enchanting Emu

0 Answers Avg Quality 2/10

JavaScript this Keyword

Comment

const person = {
    name: 'John',
    age: 30,

    // accessing name property by using this.name
    greet: function() { console.log('The name is' + ' ' + this.name); }
};

person.greet();

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 21 2022

SAMER SAEID

0 Answers Avg Quality 2/10

what is this keyword in javascript

Comment

this keyword in class also represents owner that is object. If we made two objects of a class, 
then this keyword represents corressponding object owner.

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 14 2023

Bilal Ahmad

0 Answers Avg Quality 2/10

this keyword in javscript

Contents

More Related Answers

this keyword in javscript

Closely Related Answers

this is javascript

this keyword in javascript

use of this keyword in js

JavaScript this Keyword

this keyword in javascript

This is JavaScript

javascript this keyword

JavaScript this Keyword

what is this keyword in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.