Memberikan Nilai Default Parameter Pada ES6

19/05/2017    Ekky Ridyanto    1829    Website

Sekarang kita akan mengenal yang namanya default parameter pada ES6 jadi sekarang kita bisa memberikan nilai default atau nilai awal ketika kita mengoper nilai pada sebuah parameter. Kita akan lihat contoh sederhananya. Yang pertama kita buat sebuah function seperti biasa dimana nama fungsinya adalah getTag sebagai berikut

Lalu yang akan kita lakukan adalah cukup console.log nama tagnya

Jadi kita buat sesimple mungkin dan bila kita panggil fungsinya kita masukkan parameternya yakni tag untuk javascript sebagai berikut

Sekarang kita bisa lihat dibagian consolenya yaitu nama tagnya yaitu javascript. Nah bagaimana kalo misalnya kita lupa atau memang kita mau memberikan nilai default dan biasanya kita memberikan pengecekan terhadap parameternya dengan cara seperti ini

Artinya bila parameter tagnya ada maka ambil nilai tagnya tapi bila tidak ada maka ambil tag defaultnya yaitu HTML. Jadi anggap saya sengaja tidak memasukkan nilai tag -nya seperti ini

Maka kita akan tetap mendapatkan hasil yang baik dan bila saya ubah nilai defaultnya maka masih tetap berjalan dengan baik. Tapi bila teman teman tidak melakukan hal itu dan tidak memasukkan nilai parameternya tentu yang tampil adalah nilai undefined. Untuk itu kita juga bisa memberikan dengan cara lain dengan mengecek nilai tag nya apakah nilainya undefined atau tidak tentu ceknya dengan metode typeof

Dan bila kondisi nilai parameter tersebut tipe datanya undefined maka kita mau nilai tag sama dengan CSS. Jadi kalo kita lihat sekarang kita dapat hasilnya. Tentu kita bisa melakukan dengan kedua cara itu untuk memberikan nilai default untuk nilai parameternya. Tentu yang tidak kalah menarik kita sudah tidak perlu melakukan hal seperti itu lagi karena pada ES6 kita bisa singkat penulisannya menjadi seperti ini

Artinya kita akan dapat hasil yang sama. Jadi kita bisa memberikan nilai defaultnya langsung didalam parameter fungsinya. Jadi itu dia tentang default parameter pada ES6.

Artikel, Web Design, Javascript, website