Heim  >  Artikel  >  Web-Frontend  >  Ist die Pfeilfunktion eine neue Funktion von es6?

Ist die Pfeilfunktion eine neue Funktion von es6?

WBOY
WBOYOriginal
2022-03-30 17:53:551674Durchsuche

Die Pfeilfunktion ist eine neue Funktion in es6, die die Verwendung von Pfeil „=>“ zum Definieren von Funktionen ermöglicht und Ausdrücke und Anweisungskörper unterstützt Die Pfeilfunktion hängt damit zusammen, der Code hat denselben Umfang.

Ist die Pfeilfunktion eine neue Funktion von es6?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Ist die Pfeilfunktion eine neue Funktion von es6?

Der ES6-Standard fügt eine neue Funktion hinzu: Pfeilfunktion, die die Verwendung von Pfeil => zum Definieren von Funktionen ermöglicht.

Im Vergleich zu gewöhnlichen Funktionen ähnelt es syntaktisch C# und verwandten Funktionen in Java 8 und unterstützt Ausdrücke und Anweisungskörper.

Im Gegensatz zu gewöhnlichen Funktionen haben Pfeilfunktionen denselben Umfang wie der Code darum herum. Pfeilfunktionen haben die folgenden Eigenschaften:

  • 1 Zum Erstellen einer Funktion ist kein Funktionsschlüsselwort erforderlich.

  • 2. Lassen Sie das Schlüsselwort return weg.

  • 3. Dies zeigt immer auf den This-Wert in dem Bereich, in dem die Funktion deklariert ist (d. h. die Pfeilfunktion hat überhaupt kein eigenes This, sondern verweist auf das äußere This).

Verwenden Sie die ES6-Pfeilfunktionssyntax, um eine Funktion zu definieren, löschen Sie das Schlüsselwort „function“ und den Funktionsnamen der ursprünglichen Funktion und verwenden Sie „=>“, um die Parameterliste und den Funktionskörper zu verbinden.

Die Rolle der Pfeilfunktion

// 1、使表达更加简洁
const isEven = n => n % 2 === 0;
const square = n => n * n;
 
// 2、简化回调函数
// 普通函数写法
[1,2,3].map(function (x) {
  return x * x;
});
 
// 箭头函数写法
[1,2,3].map(x => x * x);

es5-Schreibmethode:

Ist die Pfeilfunktion eine neue Funktion von es6?

Pfeilfunktion:

Ist die Pfeilfunktion eine neue Funktion von es6?

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Das obige ist der detaillierte Inhalt vonIst die Pfeilfunktion eine neue Funktion von es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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
Vorheriger Artikel:Was bedeutet es6-Generator?Nächster Artikel:Was bedeutet es6-Generator?