heinetz: Fat Arrows | this

Beitrag lesen

Hallo Forum,

ich versuche seit kurzem mich in die Syntax mit Fat Arrow-Funktionen einzuarbeiten und komme hier nicht weiter:

export default class Footer extends BaseModule { constructor(element) { this.init(); } init() { new window.Waypoint({ element: this.elements.self, handler: function(direction) { console.log('handler()'); console.log(this); } }); } }

Während in dem obigen Beispiel die Methode handler() mit console.log(this) das Waypoint-Objekt ausgibt ...

export default class Footer extends BaseModule { constructor(element) { this.init(); } init() { new window.Waypoint({ element: this.elements.self, handler: direction => { console.log('handler()'); console.log(this); } }); } }

... wird bei Verwendung der Fat Arrow-Syntax das Foster-Objekt ausgegeben.

So weit so gut. Das habe ich nun auch schon mehrfach gelesen, aber wie schaffe ich es, unter Verwendung der Fat Arrow-Systax in der methode handler() auf das Waypoint-Objekt zuzugreifen?

beste dank für Tipps und Gruss, heinetz