Rumah > hujung hadapan web > tutorial js > Apakah yang diwakili oleh tiga titik dalam JavaScript?

Apakah yang diwakili oleh tiga titik dalam JavaScript?

青灯夜游
Lepaskan: 2021-10-28 16:41:02
asal
13568 orang telah melayarinya

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.

Apakah yang diwakili oleh tiga titik dalam JavaScript?

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}
Salin selepas log masuk

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'}
Salin selepas log masuk

Gunakannya semasa menggabungkan

<. 🎜>
//数组的合并
var arr1 = [&#39;hello&#39;]
var arr2 =[&#39;chuichui&#39;]
var mergeArr = [...arr1,...arr2]
mergeArr  // [&#39;hello&#39;,&#39;chuichui&#39;]
// 对象分合并
var obj1 = {name:&#39;chuichui&#39;}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "chuichui", height: 176}
Salin selepas log masuk
Gunakannya untuk menukar aksara kepada tatasusunan

var arr1 = [...&#39;hello&#39;]
arr1 // ["h", "e", "l", "l", "o"]
Salin selepas log masuk
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])
Salin selepas log masuk
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);
Salin selepas log masuk
[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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan