Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Arrow Functions – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
Arrow Functions
Nun werde ich Ihnen den essenziellen Unterschied einer Arrow Function im Vergleich zur normalen Function zeigen. In diesem Beispiel hat die Person-Klasse eine Methode fullnameGetter, die wiederum eine Function zurückgibt, die den kompletten Namen generieren soll. Diese Function wird in der Variable getFullname gespeichert. Wenn wir versuchen, diese Function aufzurufen, so erhalten wir eine Fehlermeldung "Cannot read property 'name' of undefined". Der Grund ist, dass eine normale Function ihren eigenen Kontext hat. this.name und this.lastname sind also keine Zugriffe auf die Klasseninstanz, sondern Zugriffe auf den Kontext der Function und name und lastname sind dort nicht definiert. Wir könnten das Problem beheben, indem wir .call aufrufen und den Kontext p, also die Instanz der Person, übergeben, aber wenn weiß, wie Arrow Functions funktionieren, dann fühlt sich das wie ein Workaround an. Gehen wir also zurück zum alten Aufruf. Anstatt der normalen Function Definition werfen wir…
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.