Heim > Web-Frontend > js-Tutorial > Hauptteil

Noch eine in – Back to Basics ♻️ – ⬆️Arrow⬇️ Functions in Js

Susan Sarandon
Freigeben: 2024-11-07 17:38:03
Original
881 Leute haben es durchsucht

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.

Another One in - Back to Basics ♻️ - ⬆️Arrow⬇️ Functions in Js

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!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage