Maison >interface Web >js tutoriel >**Syntaxe Spread vs paramètre Rest : quelle est la différence dans ES2015 ?**

**Syntaxe Spread vs paramètre Rest : quelle est la différence dans ES2015 ?**

Barbara Streisand
Barbara Streisandoriginal
2024-10-24 19:10:29488parcourir

**Spread Syntax vs Rest Parameter: What's the Difference in 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 :

  • La syntaxe Spread développe un itérable en ses éléments individuels.
  • Le paramètre Rest réduit plusieurs arguments en un seul tableau.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn