Explication détaillée de l'opérateur de spread dans ES6

Cette fois, je vais vous apporter une explication détaillée de l'opérateur d'extension ES6 , et quelles sont les précautions lors de l'utilisation de l'opérateur d'extension ES6 Voici un cas pratique, prenons. un regard.

//当传入的参数不确定时候;
function a(...arg) {
    console.log(arg[0]);
    console.log(arg[3]);
}
a(1, 23, 0);    　　　　//1  undefined
//其实也可以用这种替代; arguments本身是一个函数实参对象;
function a() {
    console.log(arguments[0]);
    console.log(arguments[3]);
}
a(1, 23, 0)            //1  undefined
//可以这么理解: ...arg取得了一个实参对象的每一项的值;并不是那个对象;
再看:
var arr0=["liu","hai"];
var arr1=[...arr0];
arr1.push("hello");
console.log(arr0);     //["liu","hai"]
console.log(arr1)      //["liu","hai","hello"]
发现并没有共享一份数据;
function test(aa,...args){
　　console.log(aa);
　　console.log(args[0]);
　　console.log(args[1]);
　　console.log(args.length);
}
test("first",1,2);       // first 1  2  2;

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention au site Web php chinois Autres articles connexes !

Lecture connexe :

entrée, sortie, analyse du module de webpack3.x

Détails d'enregistrement du composant Vue 2.0

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!