Rumah >hujung hadapan web >tutorial js >## Sintaks Spread vs. Parameter Rehat: Apakah Perbezaannya dan Bagaimana Ia Berfungsi?
Memahami Sintaks Spread dan Parameter Rehat dalam ES2015 / ES6
Pengenalan ES2015 memperkenalkan dua sintaks baharu, sintaks penyebaran dan parameter rehat, kepada memudahkan pengendalian data yang fleksibel dalam JavaScript. Walaupun kedua-duanya secara dangkal menyerupai pengendali elipsis, ia mempunyai tujuan yang berbeza.
Sintaks Sebaran
Sintaks sebaran, dilambangkan dengan tiga titik (...var), mengembangkan lelaran ( seperti tatasusunan) ke dalam elemen individu. Ia digunakan terutamanya dalam tiga senario:
Menggabungkan tatasusunan: Menggabungkan berbilang tatasusunan menjadi satu tatasusunan:
<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>
Melalukan argumen kepada fungsi: Sebarkan tatasusunan argumen ke atas parameter fungsi:
<code class="js">function sum(...args) { return args.reduce((total, val) => total + val, 0); } const values = [1, 2, 3, 4]; console.log(sum(...values)); // 10</code>
Mencipta salinan objek cetek: Kembangkan objek kekunci ke dalam objek baharu:
<code class="js">const person1 = { name: 'John', age: 30 }; const person2 = { ...person1, city: 'New York' };</code>
Parameter Rehat
Tidak seperti sintaks hamparan, parameter rehat hanya digunakan dalam definisi fungsi. Mereka dilambangkan dengan tiga titik dan nama berubah (...var). Parameter rehat mengumpul bilangan argumen yang tidak ditentukan ke dalam tatasusunan.
<code class="js">function logRest(...args) { console.log(args); // args == [ 'a', 'b', 'c', 'd', 'e' ] } logRest('a', 'b', 'c', 'd', 'e');</code>
Perbezaan Utama
Kesimpulan
Sintaks spread dan parameter rehat meningkatkan keupayaan manipulasi data JavaScript, menyediakan cara yang mudah untuk cipta tatasusunan baharu, sebarkan hujah dan kumpulkan hujah dalam fungsi. Memahami kegunaan berbeza mereka membolehkan pembangun memanfaatkan sintaks ini dengan berkesan untuk fleksibiliti dan ringkasan kod yang lebih besar.
Atas ialah kandungan terperinci ## Sintaks Spread vs. Parameter Rehat: Apakah Perbezaannya dan Bagaimana Ia Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!