Memberikan Nilai Default Parameter Pada ES6

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-1

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-2

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-3

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-4

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-5

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-6

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

Memberikan Nilai Default Parameter Pada ES6-19-05-2017-7

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.

19 Mei 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat