Jago JavaScript #11: Default Parameters (Bikin Fungsi Punya Rencana Cadangan!)

Default Parameters memungkinkan kita untuk memberikan nilai awal (default) pada parameter fungsi. Jadi, kalau pas dipanggil fungsinya gak dikasih argumen, JavaScript gak akan bingung karena sudah ada nilai "standar"-nya.

🧩 Apa yang Akan Dipelajari

Cara memberikan nilai default pada parameter fungsi.
Menghindari hasil undefined saat argumen kosong.
Menggabungkan beberapa default parameter dalam satu fungsi.
Menggunakan hasil perhitungan sebagai nilai default.

⚙️ Persiapan

Masih setia dengan Console browser (F12).
Ingat kembali materi Function (#5) karena ini adalah "upgrade" dari materi tersebut.

🚀 Langkah-Langkah

1. Masalah Tanpa Default Parameter

Dulu, kalau kita lupa masukin data, JavaScript bakal ngasih undefined. Lihat contoh ini:

function sapa(nama) {
    console.log("Halo, " + nama);
}

sapa(); // Hasil: "Halo, undefined" (Jelek banget, kan?)

2. Solusi: Pakai Default Parameter

Sekarang, kita bisa langsung pasang nilai cadangan di dalam kurung parameter pakai tanda sama dengan (=).

function sapa(nama = "Tamu") {
    console.log(`Halo, ${nama}!`);
}

sapa("Kay"); // Hasil: "Halo, Kay!"
sapa();      // Hasil: "Halo, Tamu!" (Rencana cadangan jalan!)

3. Lebih dari Satu Default Parameter

Kamu bisa kasih nilai default ke semua parameter yang ada.

function buatPesanan(item = "Kopi", jumlah = 1) {
    console.log(`Kamu memesan ${jumlah} ${item}.`);
}

buatPesanan("Teh", 3); // Hasil: Kamu memesan 3 Teh.
buatPesanan("Susu");   // Hasil: Kamu memesan 1 Susu.
buatPesanan();         // Hasil: Kamu memesan 1 Kopi.

4. Default Parameter Berupa Ekspresi

Nilai default gak cuma harus teks atau angka mati, kamu juga bisa masukin hasil perhitungan atau bahkan panggil fungsi lain di sana!

function hitungHarga(harga, pajak = harga * 0.1) {
    return harga + pajak;
}

console.log(hitungHarga(10000)); // Hasil: 11000 (Pajak otomatis 10%)

💡 Tips Tambahan

Posisi Itu Penting: Sama kayak Rest Parameter, sebaiknya taruh parameter yang punya nilai default di posisi paling belakang agar tidak membingungkan saat pemanggilan fungsi.
Hanya untuk undefined: Nilai default cuma akan muncul kalau argumennya undefined atau gak diisi. Kalau kamu masukin null, JavaScript akan tetap menganggap nilainya null.
Clean Code: Gunakan fitur ini untuk mengurangi baris kode if (nama === undefined) { ... } yang bertele-tele di dalam fungsi.

❗ Troubleshooting

Masalah: Kenapa nilai default saya gak muncul padahal saya masukin string kosong ""? Solusi: JavaScript menganggap string kosong "" atau angka 0 sebagai nilai yang valid (bukan undefined). Jadi, default parameter gak akan jalan. Ingat: Default cuma muncul kalau datanya benar-benar kosong/tidak ada.

🎯 Kesimpulan

Dengan Default Parameters, fungsi yang kamu buat jadi lebih "tahan banting" dan minim error. Kamu gak perlu takut lagi program crash cuma gara-gara user lupa ngisi data. Ini adalah standar penulisan fungsi modern yang wajib kamu kuasai!