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>
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>
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!