Fungsi pada JavaScript menggunakan keyword function. Terdapat dua jenis fungsi, pertama adalah fungsi yang dideklarasikan (function declaration) dan kedua adalah fungsi sebagai perhitungan (fungcion expression).
Function Declaration
Fungsi ini sudah pernah dibahas pada tutorial sebelumnya. Fungsi jenis ini harus dideklarasikan terlebih dahulu dan kemudian dipanggil oleh baris coding lain.
Bahan Belajar JavaScript Fungsi Lain
function functionName(parameters) {
// code to be executed
}
Berikut contoh function declaration.
function myFunction(a, b) {
return a * b;
}
Function Expression
Fungsi juga dapat dibuat dengan expression (perhitungan beberapa variable atau nilai). Fungsi jenis ini dapat disimpan sebagai nilai variable. Kemudian variable ini bisa dipanggil pada baris coding lainnya.
Pada contoh di bawah ini, variable x bernilai fungsi dengan dua parameter (a dan b), fungsi ini mengembalikan nilai a dikali b.
var x = function (a, b) {return a * b};
Variable x dapat dipanggil sebagai fungsi (function expression).
var x = function (a, b) {return a * b};
var z = x(4, 3);
Fungsi Sebagai Nilai
Fungsi dapat digunakan untuk memberikan nilai pada suatu variable.
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3);
Contoh di atas memperlihatkan fungsi myFunction memberikan nilai kepada variable x.
Fungsi juga dapat dimasukkan dalam suatu perhitungan.
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3) * 2;
Contoh di atas memperlihatkan fungsi myFunction dikalikan dengan 2 dan hasil perkalian menjadi nilai variable x.
Arrow Function
Arrow Function adalah cara penulisan singkat untuk function expression. Kita tidak perlu menuliskan {} serta keyword function dan return.
// ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Keyword return dan {} tetap diperlukan apabila fungsi ini berisi lebih dari satu baris coding. Sebaiknya dibiasakan tetap menuliskan keyword return dan {} pada arrow function.
const x = (x, y) => { return x * y };
Tutorial sebelumnya : JavaScript Break
Tutorial setelahnya : Parameter Pada Fungsi
Semua Tutorial JavaScript : Tutorial JavaScript