Apakah yang diwakili oleh tiga titik dalam JavaScript?

Dalam JavaScript, tiga titik "..." mewakili pengendali hamparan, yang merupakan tambahan baharu dalam ES6 Ia boleh menambah ungkapan tatasusunan atau rentetan dalam sintaks semasa pembinaan tahap panggilan fungsi juga boleh mengembangkan ungkapan objek dalam cara "nilai-kunci" semasa membina objek literal.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Apabila kita melihat kod js, kita sering melihat (...) tiga titik Apakah maksudnya? Apa gunanya?

Sekarang saya akan berkongsi dengan anda perkara tentang tiga perkara

Apakah maksudnya?

Nama sebenar bagi tiga titik (...) ialah operator pengembangan, yang merupakan tambahan baharu dalam ES6 Ia boleh mengembangkan ungkapan tatasusunan atau rentetan pada tahap sintaks semasa panggilan fungsi/pembinaan tatasusunan juga boleh mengembangkan ungkapan objek dalam cara nilai kunci apabila membina objek literal

Literal secara amnya merujuk kepada [1,2,3] atau {name:'chuichui'} secara ringkas seperti Pembinaan kaedah, tatasusunan bersarang berbilang lapisan dan objek tidak berkuasa dengan tiga mata

Secara terus terang, ini bermakna menanggalkan pakaian, sama ada pendakap ([]) atau pendakap kerinting ({}) , jangan risau tentang itu semua, tanggalkan semuanya!

// 数组
var number = [1,2,3,4,5,6]
console.log(...number) //1 2 3 4 5 6
//对象
var man = {name:'chuichui',height:176}
console.log({...man}) / {name:'chuichui',height:176}

Untuk apa?

Ia digunakan secara meluas dan kita boleh melihatnya di mana-mana sahaja. Berikut adalah beberapa contoh biasa

Gunakannya semasa menyalin

//数组的复制
var arr1 = ['hello']
var arr2 =[...arr1]
arr2 // ['hello']
//对象的复制
var obj1 = {name:'chuichui'}
var obj2 ={...arr}
ob12 //  {name:'chuichui'}

Gunakannya semasa menggabungkan

<.>

//数组的合并
var arr1 = ['hello']
var arr2 =['chuichui']
var mergeArr = [...arr1,...arr2]
mergeArr  // ['hello','chuichui']
// 对象分合并
var obj1 = {name:'chuichui'}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "chuichui", height: 176}

Gunakannya untuk menukar aksara kepada tatasusunan

var arr1 = [...'hello']
arr1 // ["h", "e", "l", "l", "o"]

Gunakannya untuk menghantar parameter fungsi

Boleh digabungkan dengan fungsi biasa dan digunakan secara fleksibel

function f(v,w,x,y,z){ }
var args = [2,3]
f(1,...args,4,...[5])

Gunakannya apabila kita ingin mengulang elemen dalam tatasusunan ke dalam parameter fungsi!

function f(x,y,z){}
var args = [1,2,3]
f(...args)

// 以前的方法
f.apply(null,args);

[Pembelajaran yang disyorkan:

tutorial lanjutan javascript]

Atas ialah kandungan terperinci Apakah yang diwakili oleh tiga titik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!