## Syntaxe de propagation et paramètres de repos : quelle est la différence et comment fonctionnent-ils ?

Comprendre la syntaxe de propagation et les paramètres de repos dans ES2015 / ES6

L'introduction d'ES2015 a introduit deux nouvelles syntaxes, la syntaxe de propagation et les paramètres de repos, pour faciliter une gestion flexible des données en JavaScript. Bien que les deux ressemblent superficiellement à des opérateurs de points de suspension, ils servent des objectifs distincts.

Syntaxe de propagation

La syntaxe de propagation, désignée par trois points (...var), développe un itérable ( comme un tableau) en éléments individuels. Il est principalement utilisé dans trois scénarios :

• Combinaison de tableaux : Fusionner plusieurs tableaux en un seul :

  <code class="js">var abc = ['a', 'b', 'c'];
  var def = ['d', 'e', 'f'];
  var alpha = [ ...abc, ...def ];
  console.log(alpha); // alpha == ['a', 'b', 'c', 'd', 'e', 'f']</code>

• Passer des arguments aux fonctions : répartir un tableau d'arguments sur les paramètres de la fonction :

  <code class="js">function sum(...args) {
  return args.reduce((total, val) => total + val, 0);
  }
  const values = [1, 2, 3, 4];
  console.log(sum(...values)); // 10</code>

• Créer des copies d'objet superficielles : développer l'objet clés dans un nouvel objet :

  <code class="js">const person1 = { name: 'John', age: 30 };
  const person2 = { ...person1, city: 'New York' };</code>

Paramètres de repos

Contrairement à la syntaxe de propagation, les paramètres de repos ne sont utilisés que dans les définitions de fonctions. Ils sont désignés par trois points et un nom de variable (...var). Les paramètres de repos collectent un nombre indéfini d'arguments dans un tableau.

<code class="js">function logRest(...args) {
  console.log(args); // args == [ 'a', 'b', 'c', 'd', 'e' ]
}
logRest('a', 'b', 'c', 'd', 'e');</code>

Différences clés

• Utilisation : la syntaxe de propagation étend les tableaux , tandis que les paramètres de repos collectent des arguments.
• Context : la syntaxe de propagation est utilisée dans les expressions, tandis que les paramètres de repos sont utilisés dans les définitions de fonctions.
• Sortie : La syntaxe Spread produit des éléments individuels, tandis que les paramètres de repos produisent des tableaux.

Conclusion

La syntaxe Spread et les paramètres de repos améliorent les capacités de manipulation de données de JavaScript, offrant des moyens pratiques de créez de nouveaux tableaux, répartissez les arguments et collectez les arguments dans les fonctions. Comprendre leurs utilisations distinctes permet aux développeurs d'exploiter efficacement ces syntaxes pour une plus grande flexibilité et concision du code.

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!