"This" keyword does refer the current object with lamda

Question

Consider this code:

var obj = {
   method : function(){
      console.log( this ); // This prints the **obj** correctly
   }
};

And the same code with Lambda:

var obj = {
   method : () => {
        console.log( this ); // This prints **Window** object
    };
};

Why are the outputs different?

"An arrow function does not create its own this, the this value of the enclosing execution context is used." In this case (no pun intended), the context is the `window` object. — Terry, Aug 16 '17 at 06:05

score 0 · Accepted Answer · answered Aug 16 '17 at 06:09

0

The ES6 arrow function syntax uses “lexical scoping” to figure out what the value of “this” should be. Lexical scoping is fancy way of saying it uses “this” from the surrounding code… the code that contains the code in question, hence it is

window

here.

answered Aug 16 '17 at 06:09

Manishz90

2,534
1
12
11

1

It's a mystery what value you see in regurgitating rudimentary information about arrow functions which is documented in thousands of pages of documentation, intros, tutorials, blog posts, specs, and SO questions. – Aug 16 '17 at 06:33

"This" keyword does refer the current object with lamda

1 Answers1