Halo teman-teman semuanya, pada artikel kali ini kita akan belajar tentang Default Parameters di JavaScript, fitur keren dari ES6 yang bikin function kita jadi lebih fleksibel dan aman dari error.
Apa Itu Default Parameters?
Default Parameters adalah nilai default yang akan diberikan ke parameter function kalau tidak ada nilai yang dikirim saat function dipanggil. Jadi, function tetap berjalan normal walaupun argumennya kurang.
Contoh Tanpa Default Parameters
Sebelum ES6, kita biasanya cek manual:
function greet(nama) {
if (nama === undefined) {
nama = "Guest";
}
console.log(`Halo, ${nama}`);
}
greet(); // Output: Halo, Guest
greet("Budi"); // Output: Halo, Budi
Agak ribet ya harus pakai if?
Contoh Dengan Default Parameters
Dengan ES6, kita bisa langsung pasang default di parameter:
function greet(nama = "Guest") {
console.log(`Halo, ${nama}`);
}
greet(); // Output: Halo, Guest
greet("Budi"); // Output: Halo, Budi
Lebih simpel dan bersih!
Cara Kerja Default Parameters
- Jika nilai diberikan saat pemanggilan function, nilai itu yang dipakai.
- Jika tidak ada nilai, maka default value yang dipakai.
Contoh lain:
function hitungLuas(panjang = 1, lebar = 1) {
return panjang * lebar;
}
console.log(hitungLuas()); // Output: 1
console.log(hitungLuas(5)); // Output: 5
console.log(hitungLuas(5, 10)); // Output: 50
Default Parameters dengan Expression
Default juga bisa berupa ekspresi:
function tambah(a, b = a) {
return a + b;
}
console.log(tambah(5)); // Output: 10 (karena b = a)
console.log(tambah(5, 3)); // Output: 8
Kalau b tidak diisi, otomatis b akan diisi dengan a.
Kesimpulan
Default Parameters di JavaScript memungkinkan kita memberikan nilai default pada parameter function, sehingga function tetap berjalan dengan aman meskipun tidak semua argumen dikirim saat dipanggil.
Pada artikel berikutnya, kita semua akan belajar tentang Ternary Operator di JavaScript.
Terima Kasih