Fungsi atau function di JavaScript dan Penjelasannya

Fungsi / function di JavaScript dan Penjelasannya

Fungsi atau function merupakan salah satu konsep fundamental dalam pemrograman JavaScript. Mari kita bahas secara rinci tentang fungsi dan bagaimana cara menggunakannya.

Apa itu Fungsi?

Fungsi adalah subprogram yang dapat dipanggil di bagian lain kode kita atau di dalam fungsi itu sendiri (rekursi).

Fungsi dapat memiliki serangkaian pernyataan atau statement di badan atau blok fungsi.

Parameter & Argument

Parameter merupakan variabel yang didefinisikan sebagai input dari sebuah fungsi
Argument merupakan nilai atau expression yang dimasukkan ke dalam fungsi

Cara Membuat Fungsi di JavaScript Ada beberapa cara untuk membuat fungsi di JavaScript:

Cara Biasa:

function namaFungsi() {

console.log("Hello World!");

}

Cara dengan Ekspresi:

var namaFungsi = function() {

console.log("Hello World!");

}

Cara dengan Tanda Panah (Arrow Function):

var namaFungsi = () => {

console.log("Hello World!");

}

// Atau versi satu baris:

var namaFungsi = () => console.log("Hello World!");

Cara dengan Konstruktor (Tidak Direkomendasikan):

var namaFungsi = new Function('console.log("Hello World!");');

Catatan:

Cara pertama (cara biasa) paling umum digunakan, terutama bagi pemula.
Cara kedua (ekspresi) menggunakan variabel dan fungsi anonim (tanpa nama).
Cara ketiga (arrow function) lebih sederhana dan muncul pada standar ES6.

Memanggil Fungsi Setelah membuat fungsi, kita bisa memanggilnya di dalam kode JavaScript dengan menuliskan nama fungsinya seperti ini:

namaFungsi();

tapi rasanya kurang puas ya jika fungsi hanya menerima data yang statis, mari kita coba buat fungsi ini lebih bermanfaat dengan mengambil parameter yang dinamis

function greeting(name, language) {
if(language === "English") {
return `Good Morning ${name}!`
} else if (language === "French") {
return `Bonjour ${name}!`;
} else {
return `Selamat Pagi ${name}!`;
}
}

let greetingMessage = greeting("Harry", "French");
console.log(greetingMessage);

/* output
Bonjour Harry!
*/

Fungsi merupakan hal yang wajib dipahami dalam JavaScript, karena kita akan sering berinteraksi dengan fungsi saat membuat objek, memanipulasi HTML, atau melakukan operasi lainnya.