Parameter Default JavaScript

Dalam tutorial ini, Anda akan belajar tentang parameter default JavaScript dengan bantuan contoh.

Konsep parameter default adalah fitur baru yang diperkenalkan dalam JavaScript versi ES6 . Ini memungkinkan kita untuk memberikan nilai default ke parameter fungsi. Mari kita ambil contoh,

 function sum(x = 3, y = 5) ( // return sum return x + y; ) console.log(sum(5, 15)); // 20 console.log(sum(7)); // 12 console.log(sum()); // 8

Dalam contoh di atas, nilai default xadalah 3 dan nilai default yadalah 5 .

  • sum(5, 15)- Ketika kedua argumen berlalu, xmengambil 5 dan ymengambil 15 .
  • sum(7)- Ketika 7 diteruskan ke sum()fungsi, xmengambil 7 dan ymengambil nilai default 5 .
  • sum()- Jika tidak ada argumen yang diberikan ke fungsi sum () , xmenggunakan nilai default 3 dan ymenggunakan nilai default 5 .
Bagaimana argumen default bekerja di JavaScript

Menggunakan Ekspresi sebagai Nilai Default

Dimungkinkan juga untuk memberikan ekspresi sebagai nilai default.

Contoh 1: Meneruskan Parameter sebagai Nilai Default

 function sum(x = 1, y = x, z = x + y) ( console.log( x + y + z ); ) sum(); // 4

Dalam program di atas,

  • Nilai defaultnya xadalah 1
  • Nilai default ydisetel ke xparameter
  • Nilai default zadalah jumlah dari xdany

Jika Anda mereferensikan parameter yang belum diinisialisasi, Anda akan mendapatkan kesalahan. Sebagai contoh,

 function sum( x = y, y = 1 ) ( console.log( x + y); ) sum();
Keluaran 
 ReferenceError: Tidak dapat mengakses 'y' sebelum inisialisasi

Contoh 2: Meneruskan Nilai Fungsi sebagai Nilai Default

 // using a function in default value expression const sum = () => 15; const calculate = function( x, y = x * sum() ) ( return x + y; ) const result = calculate(10); console.log(result); // 160

Dalam program di atas,

  • 10 diteruskan ke calculate()fungsi.
  • xmenjadi 10, dan ymenjadi 150(fungsi penjumlahan kembali 15).
  • Hasilnya akan seperti itu 160.

Meneruskan Nilai yang tidak ditentukan

Dalam JavaScript, saat Anda meneruskan undefinedke fungsi parameter default, fungsi tersebut mengambil nilai default. Sebagai contoh,

 function test(x = 1) ( console.log(x); ) // passing undefined // takes default value 1 test(undefined); // 1

Artikel yang menarik...