Hai teman-teman semuanya, apa kabar? gimana masi semangat belajarnya? kita lanjut lagi yah belajarnya, kali ini kita akan belajar tentang apa itu rest parameter pada es6,
Menangani suatu fungsi dengan sejumlah variabel argumen selalu rumit dalam JavaScript, Dengan ES6 atau ecmascript6 keatas kita dapat menghandle atau menangani beberapa parameter dengan menggunakan rest parameter pada ES6,
Untuk lebih jelasnya coba teman-teman ketikan script seperti berikut ini:
|
1 2 3 4 5 6 7 |
<script> function Buku(rest){ console.log("Saya membeli : " + rest) } Buku('HTML', 'PHP', 'ANGULAR', 'REACT'); </script> |
saya membuat sebuah fungsi dengan nama Buku, lalu didalam function tersebut saya mencetak pada console.log nilai dari rest tersebut, lalu saya menjalankan fungsi buku tersebut dengan memberikan beberapa nilai dari rameternya, jika teman-teman jalankan pada browser maka hasil yang akan dihasilkan hanya akan tercetak parameter yang pertama yaitu HTML,
mengapa?
Karena kita hanya menuliskan parameter bisa, dia hanya akan menghendle 1 parameter, nah didalam ES6 kita dapat menggunakan rest parameter yang dapat menghendle semua nilai parameter yang kita berikan, kita hanya perlu menambahkan
|
1 |
...nama_parameter |
jadi untuk kasus diatas scriptnya akan seperti berikut ini:
|
1 2 3 4 5 6 7 |
<script> function Buku(...rest){ console.log("Saya membeli : " + rest) } Buku('HTML', 'PHP', 'ANGULAR', 'REACT'); </script> |
maka jika dijalankan pada browser hasilnya akan seperti ini:
Ooke teman-teman untuk tutorial kali ini tentang rest parameter pada es6 saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermnfaat untuk teman-teman semuanya.
Terima kasih