Fat Arrows | this

[heinetz]

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