Membuat Fungsi JavaScript

Membuat Fungsi JavaScript

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;
}

Jalankan Contoh

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};

Jalankan Contoh

Variable x dapat dipanggil sebagai fungsi (function expression).

var x = function (a, b) {return a * b};
var z = x(4, 3);

Jalankan Contoh

Fungsi Sebagai Nilai

Fungsi dapat digunakan untuk memberikan nilai pada suatu variable.

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3);

Jalankan Contoh

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;

Jalankan Contoh

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;

Jalankan Contoh

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 };

Jalankan Contoh

Tutorial sebelumnya : JavaScript Break
Tutorial setelahnya : Parameter Pada Fungsi
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan

Keranjang Belanja0
Keranjang belanja kosong ...
0