Rumah >hujung hadapan web >tutorial js >Sintaks Spread vs. Parameter Rehat: Apakah Perbezaannya?
Spread Syntax vs Rest Parameter: Memahami Perbezaan
Dalam ES2015, dua ciri baharu, sintaks penyebaran dan parameter rehat, menyediakan cara yang berkesan untuk memanipulasi tatasusunan dan objek. Walaupun kedua-duanya kelihatan serupa, ia mempunyai tujuan yang berbeza dan masing-masing mempunyai kefungsian tersendiri.
Sintaks Sebaran
Sintaks sebaran (diwakili oleh tiga titik "..." ) membolehkan anda menyebarkan atau mengembangkan sesuatu yang boleh diulang (seperti tatasusunan atau objek) ke dalam elemen individu dalam yang boleh diulang yang lain. Ciri ini membolehkan anda menggabungkan atau menggabungkan berbilang tatasusunan atau objek menjadi yang baharu dengan mudah.
Sebagai contoh, mari pertimbangkan kod berikut:
<code class="js">var abc = ['a', 'b', 'c']; var def = ['d', 'e', 'f']; var alpha = [ ...abc, ...def ]; console.log(alpha); // alpha == ['a', 'b', 'c', 'd', 'e', 'f'];</code>
Dalam coretan ini, ... sintaks spread abc dan ...def mengembangkan tatasusunan abc dan def menjadi elemen individu, mencipta tatasusunan alfa baharu yang mengandungi semua elemen daripada kedua-dua tatasusunan.
Parameter Rehat
Sebaliknya, parameter rehat (ditandakan dengan tiga titik "...", didahului dengan pengecam) mengumpul sebarang argumen yang tinggal yang dihantar ke fungsi ke dalam tatasusunan tunggal. Parameter rehat mestilah parameter terakhir dalam senarai parameter fungsi.
Contoh parameter rehat dalam tindakan adalah seperti berikut:
<code class="js">function sumAll(...numbers) { let total = 0; for (let num of numbers) { total += num; } return total; } let result = sumAll(1, 2, 3, 4, 5); console.log(result); // result == 15</code>
Dalam kod ini, ...nombor parameter rehat mengumpulkan baki argumen yang dihantar ke fungsi sumAll (dalam kes ini, 1, 2, 3, 4 dan 5) dan mencipta tatasusunan nombor tunggal.
Atas ialah kandungan terperinci Sintaks Spread vs. Parameter Rehat: Apakah Perbezaannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!