ES6 Arrow Function this

Question

Why arrow function this return window object and how I return obj ?

let obj = {
  name:"Maxi",
  fn  :()=>this,
}

console.log(obj.fn())

score 2 · Answer 1 · answered Jan 09 '17 at 19:10

2

Why arrow function this return window object

Because arrow functions capture the current value of this at the time they are created.

how I return obj

Don't use an arrow function if you don't want to capture the current value of this.

answered Jan 09 '17 at 19:10

Quentin

why this return obj ? let obj = { members:["Murad","Maxi"], team:"Fuckers", fn : function() { return this.members.map(name=>this) } } console.log(obj.fn()) – Murad Sofiyev Jan 09 '17 at 19:53
Because the current value of `this` when `obj.fn()` is called is the same as the value of `obj`. – Quentin Jan 09 '17 at 21:39
not making much sense. please give more examples – Martian2049 Mar 04 '18 at 19:28

score 1 · Answer 2 · edited Jan 09 '17 at 19:24

1

With arrow functions, this is not bound to its own context.

Arrow functions do not create their own this context, so this has its original meaning from the enclosing context which is window in your case.

edited Jan 09 '17 at 19:24

Sebastian Simon

answered Jan 09 '17 at 19:13

Abhinav Galodha

2 Answers2