Introduction aux symboles d'expansion dans ES6

Cet article vous présente une introduction aux symboles d'extension dans ES6. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Vue d'ensemble

Le symbole d'expansion est vraiment une chose très utile. Je l'utilise souvent pour le fractionnement de chaînes, la fusion de tableaux, la copie de tableaux, la fusion d'objets et la copie d'objets.

0x001 Syntaxe

...iterableObj

0x002 Expansion des paramètres lorsque la fonction est appelée

Il s'agit d'étendre les paramètres lorsque la fonction est appelée, ce qui est différent des paramètres restants . Les paramètres restants correspondent au cas de l'utilisation de

myFunction(...iterableObj);

dans une déclaration de fonction

function add(a, b){
    return a + b
}
add(...[1,2]) // 相当于 add(1,2) -> 3

l'expansion de la déclaration de tableau

peut être utilisée pour la fusion de tableaux

<.>

[...[1,2,3],4] // 相当于[1,2,3].push(4) -> [1,2,3,4]
[...'1234'] // 相当于 '1234'.split("")

Extension d'objet

Peut être utilisé pour la fusion d'objets et la copie d'objets

{...{name:1},age:2} // 相当于 Objeact.assign({},{name:1},{age:2}) -> {name:1,age:2}
{...{name:1}} // 相当于 Object.assign({},{name:1}) -> {name:1}

traduction Babel

Extension de chaîne/tableau

Source code

[...'1234']

Après traduction

function _toConsumableArray(arr) {
 if (Array.isArray(arr)) {
  for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
   arr2[i] = arr[i]; 
   }
   return arr2; 
   } else { 
   return Array.from(arr); 
   } 
   }

[].concat(_toConsumableArray('1234'));

Extension d'objet

Code source

let a={...{name:1}}

Après traduction

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!