Detaillierte Erläuterung des Spread-Operators in ES6

Dieses Mal werde ich Ihnen eine detaillierte Erklärung des ES6-Erweiterungsoperators und der Vorsichtsmaßnahmen bei der Verwendung des ES6-Erweiterungsoperators geben. Nehmen wir hier einen praktischen Fall ein Blick.

//当传入的参数不确定时候;
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;

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website

Andere verwandte Artikel!

Verwandte Lektüre:

Eintrag, Ausgabe, Modulanalyse von webpack3.x

Vues 2.0-Komponentenregistrierungsdetails

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Spread-Operators in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!