Pfeilfunktionen vs. Name: "Jason", Shout: () => console.log ("Mein Name ist", this.name) }; Person.Shout (); // Drucke "Mein Name ist"

Die Absicht ist, die Funktion auf die Namenseigenschaft in dem Personobjekt zuzugreifen. Die Konsole druckt jedoch nur "Mein Name ist."

var person = {
  name: "jason",

  shout: () => console.log("my name is ", this.name)
};

person.shout(); // Prints "my name is "

Dieses Verhalten ergibt Pfeilfunktionen sind im Gegensatz zu herkömmlichen Funktionserklärungen nicht das Schlüsselwort. Instead, they inherit the this binding from their surrounding scope, which, in this case, is the global scope.

Solution:

To address this issue, you can use the ES6 method declaration pattern, which preserves the desired binding of this:

var person = { Name: "Jason", schreien() { console.log ("Mein Name ist", this.name); } }; Person.Shout (); // druckt "Mein Name ist Jason"