Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

DEFAULT PARAMTER ES6

Belajar bagaimana menggunakan parameter default ES6 dalam JavaScript untuk memberi nilai default pada parameter fungsi.

Default parameter dalam ES6 memungkinkan kamu untuk memberikan nilai default pada parameter fungsi dalam JavaScript. Ini berarti jika fungsi dipanggil tanpa argumen untuk parameter tersebut, parameter akan diisi dengan nilainya secara default.

Mendefinisi Parameter Default

Untuk mendefinisikan parameter default, kamu bisa menggunakan tanda = setelah nama parameter ketika mendefinisikan fungsi. Berikut ini contoh penggunaannya:

function contoh(param1 = 'nilai default') {
  return param1;
}

console.log(contoh()); // Output: "nilai default"

Pada kode di atas, jika contoh() dipanggil tanpa argumen, maka param1 akan mendapatkan nilai ‘nilai default’. Jika kamu memberikan argumen saat memanggil fungsi tersebut, maka nilai argumen akan digunakan sebagai nilai param1.

Default Parameter dan Undefined

Nilai default hanya akan digunakan jika argumen fungsi adalah undefined. Berikut ini contoh penggunaannya:

function contoh(param1 = 'nilai default') {
  return param1;
}

console.log(contoh(undefined)); // Output: "nilai default"

Pada kasus di atas, meskipun contoh() dipanggil dengan argumen undefined, nilai param1 tetap menjadi ‘nilai default’. Ini karena undefined dianggap sebagai tidak ada nilai.

Default Parameter dan Null

Sebaliknya, jika argumen fungsi adalah null, maka nilai null tersebut akan digunakan, bukan nilai default. Berikut ini contoh penggunaannya:

function contoh(param1 = 'nilai default') {
  return param1;
}

console.log(contoh(null)); // Output: null

Pada kasus di atas, meski argumen null dianggap sebagai nilai, bukan sebagai tidak ada nilai. Jadi, nilai param1 menjadi null, bukan ‘nilai default’.

Dengan pemahaman yang tepat tentang bagaimana parameter default bekerja dalam ES6 JavaScript, kamu bisa membuat kode kamu menjadi lebih bersih dan mudah dipahami. Selamat mencoba!

👈🏼 Arrow function
String literal template 👉🏼