Worin unterscheiden sich Pfeilfunktionen von normalen…

Arrow-Funktionen haben keinen eigenen this-Kontext. Sie erfassen this aus der umgebenden Umgebung (lexikalischer Kontext).

Normale Funktionen definieren ihr this abhängig davon, wie sie aufgerufen werden:

Im globalen Kontext (window oder global).
Als Methode eines Objekts (this zeigt auf das Objekt).
Als Konstruktor (this zeigt auf die neue Instanz).
Durch Verwendung von call, apply oder bind (this wird explizit gesetzt).

Da Arrow-Funktionen kein eigenes this haben, macht ein Aufruf von bind auf eine Arrow-Funktion keinen Sinn und ändert das lexikalisch gebundene this nicht. Wenn man versucht, bind auf eine Arrow-Funktion anzuwenden, wird sie einfach zurückgegeben.

Beispiel:

// Normale Funktion
const normalFunc = function() {
  console.log(this.name);
};

const obj1 = { name: 'Objekt 1', method: normalFunc };
const obj2 = { name: 'Objekt 2' };

obj1.method(); // Ausgabe: Objekt 1

const boundFunc = normalFunc.bind(obj2);
boundFunc(); // Ausgabe: Objekt 2 (this wurde erfolgreich geändert)

// Arrow-Funktion
const arrowFunc = () => {
  console.log(this.name);
};

const obj3 = { name: 'Objekt 3' };

// ArrowFunc erfasst `this` aus dem umgebenden Kontext (hier, globales Objekt)
arrowFunc(); // Ausgabe: undefined (wahrscheinlich, da `this` kein `name` enthält)

const boundArrowFunc = arrowFunc.bind(obj3);
boundArrowFunc(); // Ausgabe: undefined (this blieb gleich, bind hatte keine Wirkung)

// Beispiel mit `this`-Erfassung
const person = {
  name: 'Alice',
  greet: function() {
    // Hier zeigt `this` auf `person`
    const greetLater = () => {
      // Hier wird `this` aus dem äußeren Kontext von `greet` erfasst, also auch `person`
      console.log(`Hallo, ${this.name}!`);
    };
    greetLater();
  }
};

person.greet(); // Ausgabe: Hallo, Alice!

Kurz gesagt, bind ist notwendig für normale Funktionen, um ihren this-Kontext explizit festzulegen, während es bei Arrow-Funktionen redundant ist, da ihr this lexikalisch bestimmt ist und nicht durch bind geändert werden kann.

Worin unterscheiden sich Pfeilfunktionen von normalen Funktionen hinsichtlich der Notwendigkeit, die Methode bind zu verwenden?