Memahami Default Parameter di JavaScript.

Default parameter (ES6) memungkinkan sebuah fungsi memiliki nilai bawaan untuk parameter tertentu, dipakai otomatis saat argumen tidak diberikan atau bernilai undefined.

Sintaks Dasar

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

sapa();          // "Halo, Tamu!"
sapa("Yusuf");    // "Halo, Yusuf!"
sapa(undefined);  // "Halo, Tamu!" — dianggap sama seperti tidak diisi

Perbandingan dengan Cara Lama

Sebelum ES6, nilai default biasanya diatur manual di dalam badan fungsi.

// Cara lama
function sapaLama(nama) {
  nama = nama || "Tamu";
  return `Halo, ${nama}!`;
}

Cara lama ini punya kelemahan: nilai falsy seperti 0 atau string kosong "" ikut dianggap “tidak diisi”, padahal bisa jadi itu adalah nilai valid yang sengaja dikirim.

Default Parameter Bisa Memakai Parameter Lain

function buatDiskon(harga, persen = 10, potongan = harga * (persen / 100)) {
  return harga - potongan;
}

buatDiskon(100000); // 90000, memakai default persen dan potongan

Parameter yang dideklarasikan lebih dulu bisa dipakai sebagai referensi untuk nilai default parameter berikutnya.

Default Parameter dengan Destructuring Object

Kombinasi ini sangat umum dipakai untuk fungsi dengan banyak opsi konfigurasi.

function buatTombol({ label = "Klik", warna = "biru", ukuran = "sedang" } = {}) {
  return `Tombol "${label}" warna ${warna}, ukuran ${ukuran}`;
}

buatTombol();                              // semua nilai default
buatTombol({ label: "Simpan", warna: "hijau" }); // sebagian di-override

Perhatikan = {} di akhir parameter — ini penting agar fungsi tidak error saat dipanggil tanpa argumen sama sekali, karena destructuring butuh objek (meski kosong) untuk diproses.

Default Parameter dengan Function Lain

function idOtomatis() {
  return Math.random().toString(36).slice(2, 9);
}

function buatTugas(judul, id = idOtomatis()) {
  return { id, judul };
}

buatTugas("Belajar JavaScript");

Setiap kali fungsi dipanggil tanpa argumen id, idOtomatis() akan dipanggil ulang untuk menghasilkan ID baru — bukan dihitung sekali saja di awal.

Kesimpulan

Default parameter membuat fungsi lebih aman dan ringkas dibanding pola nama = nama || "default" yang rawan salah menangani nilai falsy yang valid. Dikombinasikan dengan destructuring object, default parameter menjadi cara umum menulis fungsi dengan banyak opsi konfigurasi di JavaScript modern.