Heim > Artikel > Web-Frontend > Noch eine in – Back to Basics ♻️ – ⬆️Arrow⬇️ Functions in Js
Pfeilfunktionen – Dieses Thema kann für viele Entwickler verwirrend sein. Hier ist eine einfache Erklärung der Pfeilfunktionen zusammen mit einigen Hinweisen dazu:
Was?
Pfeilfunktionen (=>) sind eine kürzere Syntax zum Schreiben von Funktionen in JavaScript. Sie haben kein eigenes Dies, keine eigenen Argumente oder keinen eigenen Prototyp und übernehmen den Dies-Kontext aus ihrem umgebenden Bereich.
Warum?
Pfeilfunktionen wurden eingeführt, um die Syntax beim Schreiben von Funktionen zu vereinfachen, insbesondere für Inline-Callbacks. Sie machen es auch einfacher, damit umzugehen, indem sie es lexikalisch vom äußeren Bereich erben, wodurch bind oder self = diese Problemumgehungen überflüssig werden.
Wann?
Pfeilfunktionen verwenden:
Für Inline-Rückrufe in Array-Methoden (z. B. Map, Filter, forEach), Ereignis-Listenern oder Versprechensketten.
Wenn Sie hierfür eine lexikalische Festlegung benötigen, z. B. in Methoden oder Rückrufen, die auf dem umgebenden Kontext basieren.
Anwendungsfälle:
Array-Rückrufe: array.map(item => item * 2)
Ereignishandler in React: onClick={() => this.handleClick()}
Asynchrone Vorgänge: .then(result => console.log(result))
Einschränkungen:
Kein dieser Kontext: Kann nicht als Methoden in Objekten verwendet werden, wenn sie ihr eigenes benötigen.
Objekt ohne Argumente: Nicht ideal für Funktionen, die Zugriff auf Argumente benötigen.
Kann nicht als Konstruktoren verwendet werden: Pfeilfunktionen haben keinen Prototyp und können daher nicht mit neuen verwendet werden.
Wenn Sie also das nächste Mal Code mit einer Pfeilfunktion schreiben, fragen Sie sich, ob sie in dieser Situation wirklich benötigt wird oder ob Sie stattdessen eine reguläre Funktion verwenden können. Verwenden Sie nicht einfach einen Stil, ohne darüber nachzudenken. Verstehen Sie die Gründe für Ihre Wahl und treffen Sie dann Ihre Entscheidung.
Unten Ausschnitt, der die oben genannten Dinge praktisch erklärt.
Das obige ist der detaillierte Inhalt vonNoch eine in – Back to Basics ♻️ – ⬆️Arrow⬇️ Functions in Js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!