Pada artikel ini kita akan mengenal dan belajar apa itu function pada javascript hingga bagaimana cara penggunaan fungsi (function) pada javascript.
Pengertian Function Javascript
Function adalah sebuah sub program atau sub-routine yang dapat dipanggil pada bagian lain pada program. Function ini merupakan struktur dasar pembentuk dari javascript atau disebut juga sebagai prosedur kumpulan statemen untuk melakukan sebuah tugas atau melakukan sebuah nilai.
Kenapa Harus Menggunakan Function ?
Ada berapa alasan kenapa kita harus belajar function javascript :
Reusability – Penggunaan kembali dari kode yang sudah pernah kita buat. Jadi maksudnya ialah kita tidak perlu menulis program yang mengulang-ulang, dengan menggunakan function cukup satu kali dan nanti kita bisa panggil berulang-ulang.
Dekomposisi/Abstraksi – Untuk menyembunyikan kompleksitas program yang kita buat karena kita pecah-pecah nanti dibagian programnya.
Modularitas – Dengan menggunakan function, kita akan mudah mencari letak kesalahan yang telah ktia buat.
Bagaimana Cara Penggunaan Function ?
Nah, untuk menggunakan function pada javascript, kita harus membuatnya terlebih dahulu kemudian memanggilnya. Sebetulnya jika anda mengikuti seri pembelajaran javascript di Hardifal.com sebelumnya, kita sudah sering menggunakan function. Contohnya saya pernah membahas POPUP BOX Javascript berikut.
alert();
confirm();
Prompt();
Kita sudah pernah membahas semua dari fungsi popup box diatas, itu artinya kita sudah menggunakan function yanga ada pada javascript. Baca lebih lanjut artikel belajar memahami popupbox pada javascript.
Cara Membuat Function Di Javascript
Untuk membuatnya ada 2 membuat function pada javascript yakni.
1. Dengan deklarasi (Function Declaration)
<script>
function tambah(a,b){
var jumlah ;
jumlah = a+b;
return jumlah;
}
</script>
Contoh diatas saya membuat sebuah program yang menghitung penjumlahan dari dua bilangan. Dengan keyword function, nama functionnya dan jumlah bilangan tambah(a,b) lalu saya berikan variabel jumlah var jumlah berisi parameter jumlah= a+b; kemudian mengembalikan nilai jumlah return total
2. Dengan Ekspresi (Function Expression)
<script>
var tambah = function (a,b){
var jumlah ;
jumlah = a+b;
return jumlah;
}
</script>
Sedangkan untuk cara membuat function yang kedua in (function expression). Dengan cara membuat variabel berisi function dengan dua jumlah bilangan var tambah = function (a,b) kemudian saya isi didalamnya persis samaa dengan (function declaration) var jumlah = a+b;dan mengembalikan nilai return jumlah
Note: Sebuah functin juga boleh tidak ada nilai kembali atau return
Nah, jadi itulah struktur pembentuk Function dalam javascript yang sangat sederhana. Lalu setelah kita membuat function, kita bisa menjalankannya. Cara memanggilnya adalah dengan panggil nama functionnya.
Contohnya dari program diatas saya panggil menggunakan alert() yakni kita bisa memanggilanya sebanyak yang kita mau misalnya :
alert(tambah(2,5));
alert(tambah(6,90));
alert(tambah(8,15));
alert(tambah(5,10));
alert(tambah(11,20));
alert(tambah(7,20));
Dari ke 6 program penjumlahan dengan memanggil function ditas yang telah dibuat, maka akan mengasilkan popup box yang melakukan penjumlahan dari ke 6 nya.