Das wird bei der Verwendung der Pfeilfunktion als undefiniert angezeigt

Question

Ich verwende Pfeilfunktionen und debugge mit dem Chrome und Firefox Dev Tool. Ich bekomme, this als undefiniert, obwohl der Code immer noch funktioniert.

Meine Annahme ist, dass es etwas mit Quellkarten zu tun hat.

Hier sind die Werkzeuge, die ich verwenden, um die meinen Code zu bauen:

• webpack (DevTool: eval)
• babel-loader (ES5 Preset)
• Typoskript-loader

Answer 1

Das Problem ist, dass der Chrom-Debugger glaubt, dass die this im Quellcode bezieht sich auf die Rune-Time this, aber this innerhalb einer Pfeil-Funktion in Typ Escript Quellcode wird tatsächlich in _this umgewandelt, so zeigt es Ihnen das falsche Objekt.

Deshalb ist es nur ein Problem im Debugger und der Code funktioniert immer noch gut. Wenn ich etwas debuggen muss, wo das ein Problem ist, kopiere ich es einfach auf die Konsole und füge es mit einem Unterstrich voran.