Heim > Web-Frontend > js-Tutorial > Pfeilfunktionen in JavaScript: Wann sind Klammern und geschweifte Klammern sinnvoll?

Pfeilfunktionen in JavaScript: Wann sind Klammern und geschweifte Klammern sinnvoll?

Susan Sarandon
Freigeben: 2024-12-01 22:15:12
Original
1065 Leute haben es durchsucht

Arrow Functions in JavaScript: When to Use Parentheses vs. Curly Braces?

Pfeilfunktionen: Wann sind Klammern und geschweifte Klammern zu verwenden

Pfeilfunktionen, die in ES6 eingeführt wurden, sind eine prägnante Syntax zum Definieren von Funktionen. Sie verwenden einen „fetten Pfeil“ (=>), um den Funktionskörper darzustellen. Es ist jedoch zu beachten, dass Pfeilfunktionen manchmal geschweifte Klammern ({}) verwenden, während andere Klammern (()) verwenden.

Klammern für einzeilige Rückgabeausdrücke

Wenn der Körper der Pfeilfunktion aus einem einzelnen Ausdruck besteht, werden Klammern verwendet, um den Ausdruck einzuschließen, um anzuzeigen, dass die Pfeilfunktion nur diesen Wert zurückgibt. Zum Beispiel:

const a = (who) => `hello ${who}!`;
Nach dem Login kopieren

Dieser Code definiert eine Pfeilfunktion, die eine Zeichenfolge zurückgibt. Die Klammern um „hello ${who}!“ Geben Sie an, dass es sich um einen einzelnen Ausdruck handelt.

Geschweifte Klammern für mehrzeilige Codeblöcke

Geschweifte Klammern werden verwendet, wenn der Körper der Pfeilfunktion mehrere Codezeilen enthält. Jede Zeile stellt eine Anweisung dar und der gesamte Textkörper wird zu einem Codeblock. Zum Beispiel:

const handleBar = (e) => {
  e.preventDefault();
  dispatch('logout');
};
Nach dem Login kopieren

Dieser Code definiert einen Event-Handler, der zwei Anweisungen enthält, daher sind geschweifte Klammern erforderlich.

Beispiele aus der Praxis

Betrachten Sie die folgenden Beispiele, die den Unterschied veranschaulichen:

const b = (who) => ("hello " + who + "!");
const c = (who) => (
  "hello " + who + "!"
);
const d = (who) => (
  "hello "
    + who
    + "!"
);
Nach dem Login kopieren

Klammern im Objekt Literale

Eine weitere Verwendung von Klammern in Pfeilfunktionen besteht darin, Objektliterale einzuschließen. Dies geschieht, um zu verhindern, dass der Parser das Objekt als Codeblock behandelt.

const y = () => ({}); // returns an object
Nach dem Login kopieren

Dieser Code definiert eine Pfeilfunktion, die ein leeres Objekt zurückgibt. Die Klammern stellen sicher, dass der Parser es als Objektliteral und nicht als Codeblock interpretiert.

Daher hängt die Verwendung von geschweiften Klammern oder Klammern in Pfeilfunktionen davon ab, ob der Funktionskörper einen einzeiligen Ausdruck oder mehrere enthält Codezeilen. Klammern werden für einzelne Ausdrücke verwendet, während geschweifte Klammern für Codeblöcke verwendet werden.

Das obige ist der detaillierte Inhalt vonPfeilfunktionen in JavaScript: Wann sind Klammern und geschweifte Klammern sinnvoll?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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