Getting this as undefined when using arrow function

Question

I\'m using arrow functions and I\'m debugging with Chrome and Firefox Dev Tool. I am getting, this as undefined, even though the code still works.

My a

Answer 1

The problem is that the chrome debugger believes that the this in the source code refers to the run-time this, but this inside a arrow function in typescript source code is actually transformed to _this, so it's showing you the wrong object.

This is why it's only a problem in the debugger and the code still works fine. When I need to debug something where this is a problem, I just copy it to the console and prepend it with an underscore.

Answer 2

This might be an issue because JS arrow functions don't have this, the value of this might be referencing the object containing your arrow function, per Arrow functions revisited and MDN's article on Arrow function expressions