Executing an arrow function from a constructor in the global context

Asked Dec 29 '21 at 19:17

Active Dec 29 '21 at 19:42

Viewed 37 times

function Pet(name) {
  this.name = name;
  this.getName = () => this.name;
}
const cat = new Pet('Fluffy');

const { getName } = cat;
console.log(getName());

In the code above, why does getName prints "Fluffy"? It is executed in the global context. Why does value of this still references Pet?

asked Dec 29 '21 at 19:17

jhchowdhury

It doesn’t reference `Pet`. The scope of the arrow function is _inside_ `Pet`, so `this` clearly is taken from that scope. What else do you expect to happen and why? – Sebastian Simon Dec 29 '21 at 19:21
If it were a regular function, the value of *this* in this case would be **Window**, hence name would be undefined. Why is it different for the arrow function? – jhchowdhury Dec 29 '21 at 19:31
Is it because arrow function use lexical scoping? – jhchowdhury Dec 29 '21 at 19:35
1

Yes, that's the whole point of arrow functions. – Bergi Dec 29 '21 at 19:41
Okay. Thank you. – jhchowdhury Dec 29 '21 at 19:58

Executing an arrow function from a constructor in the global context

0 Answers0