Heim > Web-Frontend > js-Tutorial > Hauptteil

## Was ist der Unterschied zwischen Spread-Syntax und Rest-Parametern in ES6?

Barbara Streisand
Freigeben: 2024-10-24 17:23:02
Original
966 Leute haben es durchsucht

## What's the Difference Between Spread Syntax and Rest Parameters in ES6?

Spread Syntax vs. Rest Parameter in ES2015 / ES6

JavaScript ES2015 hat zwei wichtige Funktionen eingeführt, die leicht verwechselt werden können: Spread Syntax und Rest Parameter. Beide verwenden die Drei-Punkte-Notation (...). Sie dienen jedoch unterschiedlichen Zwecken.

Spread-Syntax

Spread-Syntax wird verwendet, um ein Iterable in seine einzelnen Elemente zu erweitern. Dies kann auf Arrays, Strings oder Objekte angewendet werden. Betrachten Sie beispielsweise den folgenden Code:

<code class="javascript">const abc = ['a', 'b', 'c'];
const def = ['d', 'e', 'f'];
const alpha = [...abc, ...def];</code>
Nach dem Login kopieren

In diesem Beispiel wird die Spread-Syntax verwendet, um die abc- und def-Arrays in das neue Alpha-Array zu erweitern. Infolgedessen enthält Alpha alle Elemente von abc und def.

Rest-Parameter

Im Gegensatz dazu wird der Rest-Parameter in Funktionsdefinitionen zum Sammeln der verwendet verbleibende Argumente, die an die Funktion übergeben werden. Es wird durch drei Punkte gefolgt von einem Variablennamen gekennzeichnet. Zum Beispiel:

<code class="javascript">function sum(...rest) {
  let result = 0;
  rest.forEach(num => result += num);
  return result;
}</code>
Nach dem Login kopieren

In der Summenfunktion sammelt der Rest-Parameter ...rest alle an die Funktion übergebenen Argumente und speichert sie im Rest-Array. Dann durchläuft es die Ruhephase und akkumuliert die Summe seiner Elemente.

Das obige ist der detaillierte Inhalt von## Was ist der Unterschied zwischen Spread-Syntax und Rest-Parametern in ES6?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!