Maison >interface Web >js tutoriel >**Syntaxe Spread vs paramètre Rest : quelle est la différence dans ES2015 ?**
Syntaxe de propagation et paramètre de repos : découvrir leurs différences dans ES2015
Naviguer dans les nuances de la syntaxe de propagation et du paramètre de repos dans ES2015 peut être un véritable casse-tête -effort ahurissant. Dans ce guide, nous décortiquerons leurs rôles contrastés dans le paysage en constante évolution de JavaScript.
Comprendre la syntaxe de propagation : d'un à plusieurs
Syntaxe de propagation (notée ' ...') nous permet d'étendre un itérable (par exemple, un tableau) en ses éléments individuels. Il fonctionne sur une seule variable, la divisant en parties plus petites :
<code class="js">var abc = ['a', 'b', 'c']; var def = ['d', 'e', 'f']; var alpha = [ ...abc, ...def ]; console.log(alpha); // alpha will output ['a', 'b', 'c', 'd', 'e', 'f']</code>
En utilisant la syntaxe étalée avec '...' avant 'abc' et 'def', nous aplatissons efficacement ces tableaux en un tableau unique et fusionné.
Dévoilement du paramètre Rest : de plusieurs à un
En revanche, le paramètre rest (également précédé de '...') capture plusieurs éléments de la liste d’arguments d’une fonction et les combine en un seul tableau. Cette technique est couramment utilisée lorsque l'on souhaite gérer un nombre inconnu d'arguments :
<code class="js">function sum(...args) { var sum = 0; for (var i = 0; i < args.length; i++) { sum += args[i]; } return sum; } console.log(sum(1, 2, 3, 4, 5)); // sum will output 15</code>
Ici, '...args' agit comme un espace réservé pour tous les arguments passés à la fonction 'sum', qui sont ensuite stockés dans le tableau 'args'.
Différences clés : Spread vs Rest
Bien que la syntaxe spread et le paramètre rest utilisent l'opérateur '...', ils servent des objectifs distincts :
Essentiellement, la syntaxe spread vous aide à décomposer une variable en parties, tandis que le paramètre rest consolide plusieurs variables en une unité cohérente.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!