Function & Reusability

Bayangkan Anda bekerja di sebuah restoran. Setiap kali ada pesanan "Nasi Goreng", koki tidak perlu belajar lagi dari awal cara memotong bawang atau memasak nasi. Koki sudah memiliki "resep" yang tersimpan di kepalanya. Di dunia pemrograman, resep tersebut disebut sebagai Function.

Function adalah blok kode yang dirancang untuk melakukan tugas tertentu. Kita menulis kodenya satu kali, lalu kita bisa memanggilnya (menjalankannya) berkali-kali di mana pun kita membutuhkannya. Ini membantu kita menghindari penulisan kode yang berulang-ulang (Don't Repeat Yourself atau DRY).

Apa itu Function?

Function memiliki dua fase utama:

Deklarasi: Membuat resepnya (mendefinisikan apa yang dilakukan function).
Invocasi (Pemanggilan): Memasak resepnya (menjalankan kodenya).

// 1. Deklarasi Function
function sapaDunia() {
  console.log("Halo, selamat belajar JavaScript!");
}

// 2. Pemanggilan Function
sapaDunia();
sapaDunia();

Parameter & Return

Sebuah function akan jauh lebih berguna jika bisa menerima data masukan. Masukan ini disebut Parameter. Selain menerima masukan, function juga bisa memberikan hasil kembali ke pemanggilnya menggunakan kata kunci return.

function hitungLuasPersegi(sisi) {
  let luas = sisi * sisi;
  return luas; // Mengirimkan hasil keluar dari function
}

// Kita menyimpan hasil return ke dalam variabel
let hasil1 = hitungLuasPersegi(5);
let hasil2 = hitungLuasPersegi(10);

console.log("Luas 1: " + hasil1); // 25
console.log("Luas 2: " + hasil2); // 100

Kenapa menggunakan return? Tanpa return, sebuah function hanya melakukan tugas di dalam dirinya sendiri tanpa memberikan laporan hasil. Ibarat menyuruh seseorang menghitung belanjaan, tapi dia hanya menghitung di kepala tanpa memberi tahu Anda total harganya. Dengan return, nilai tersebut bisa kita olah kembali atau kita simpan ke variabel.

Function Declaration vs Expression

Ada dua cara umum untuk menulis function:

Declaration: Cara klasik menggunakan kata kunci function di awal.
Expression: Menyimpan function di dalam sebuah variabel.

// Function Declaration
function tambah(a, b) {
  return a + b;
}

// Function Expression
const kurang = function (a, b) {
  return a - b;
};

console.log(tambah(10, 5)); // 15
console.log(kurang(10, 5)); // 5

Arrow Function (ES6+)

Di JavaScript modern, kita sering menggunakan Arrow Function. Sintaks ini lebih ringkas dan sangat populer dalam pengembangan aplikasi saat ini.

const kali = (a, b) => {
  return a * b;
};

// Jika hanya satu baris, bisa lebih singkat lagi (implicit return)
const bagi = (a, b) => a / b;

console.log(kali(4, 3)); // 12
console.log(bagi(20, 4)); // 5

Scope dalam Function

Hati-hati dengan variabel yang Anda buat di dalam function. Variabel tersebut bersifat Local Scope, artinya ia hanya dikenal di dalam function tersebut dan "mati" setelah function selesai dijalankan.

let namaGlobal = "Budi"; // Bisa diakses di mana saja

function testScope() {
  let namaLokal = "Andi";
  console.log(namaGlobal); // Bisa akses global
  console.log(namaLokal); // Bisa akses lokal
}

testScope();
console.log(namaGlobal); // Berhasil
// console.log(namaLokal); // ERROR: namaLokal is not defined

Kesalahan Umum Pemula: Mencoba memanggil variabel yang dibuat di dalam function dari luar function. Jika Anda butuh nilai tersebut di luar, gunakanlah return.

Studi Kasus: Validasi Login

Mari kita gabungkan function, parameter, dan conditional.

function cekLogin(user, pass) {
  const userValid = "admin";
  const passValid = "rahasia123";

  if (user === userValid && pass === passValid) {
    return "Akses diterima. Selamat datang!";
  } else {
    return "Akses ditolak. Username atau password salah.";
  }
}

console.log(cekLogin("admin", "rahasia123")); // Berhasil
console.log(cekLogin("hacker", "12345")); // Gagal

Alur Eksekusi:

Function cekLogin menerima dua input (user dan pass).
Di dalam function, input tersebut dibandingkan dengan data valid menggunakan operator &&.
Jika cocok, function berhenti dan mengirimkan string "Akses diterima...".
Jika tidak cocok, ia mengirimkan string "Akses ditolak...".

Prediksi Output: Apa yang terjadi jika kita memanggil console.log(cekLogin("admin", "salah"));? Karena syarat && mewajibkan keduanya benar, dan pass yang dimasukkan tidak cocok, maka blok else akan dijalankan dan menghasilkan "Akses ditolak...".