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

this keyword in javascript

Add Answer

Abhishek answered on February 21, 2020 Popularity 10/10 Helpfulness 3/10

answer this keyword in javascript

related this is javascript

related javascript this

related this keyword in javscript

related JavaScript this Keyword

related this javascript

related this keyword in javascript

related This is JavaScript

related javascript this keyword

related JavaScript this Keyword

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 keyword this

Link to this answer
Share Copy Link

Contributed on Jan 17 2022

Abhishek

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

javascript this

Comment

// In web browsers, the window object is also the global object:
console.log(this === window); // true

a = 37;
console.log(window.a); // 37

this.b = "MDN";
console.log(window.b)  // "MDN"
console.log(b)         // "MDN"

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 21 2020

Depressed Deer

0 Answers Avg Quality 2/10

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 j

Link to this answer
Share Copy Link

Contributed on Nov 23 2021

Disturbed Dotterel

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 javascript

Comment

/*In general, the 'this' references the object of which the function is a property.
In other words, the 'this' references the object that is currently calling the function.
Suppose you have an object called 'counter' that has a method 'next()'.
When you call the 'next()' method, you can access the this object. */

let counter = {
  count: 0,
  next: function () {
    return ++this.count;
  },
};
counter.next(); 
//Inside the next() function, the this references the counter
Code language: JavaScript (javascript)

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.javascripttutorial.net

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 28 2022

enochanoak

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

this keyword in javascript

Contents

More Related Answers

this keyword in javascript

Closely Related Answers

this is javascript

javascript this

this keyword in javscript

JavaScript this Keyword

this javascript

this keyword in javascript

This is JavaScript

javascript this keyword

JavaScript this Keyword

Grepper

Documentation

Social

Legal

Contact

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