Closure: Variabel yang Tetap Hidup Setelah Fungsi Selesai

Ketika kita ngobrolin otomotif, salah satu hal penting adalah sistem penyimpanan bahan bakar atau memori pada ECU yang harus tetap menyimpan data meski mesin sudah dimatikan. Nah, dalam dunia JavaScript, ada konsep mirip yang namanya *closure* — sebuah cara agar variabel tetap “hidup” walaupun fungsi yang membuatnya sudah selesai dijalankan. Dalam seri algoritma JavaScript kali ini (JS-21), kita akan bedah serunya *closure*, khususnya dari sisi manajemen memori sistem dan bagaimana hal itu penting buat bikin fungsi yang powerful.

Ingatan Sistem: Memori Tetap Hidup Setelah Mesin Mati

Bayangkan motor kamu punya dashboard yang menyimpan informasi pengaturan sebelum kamu mematikan kunci kontak. Saat kamu nyalain lagi, dashboard itu “ingat” setting lama tanpa harus reset ulang semua data. Ini analogi simpel buat memahami bagaimana *closure* di JavaScript bekerja. *Closure* sendiri berperan menyimpan variabel atau state yang sudah seharusnya hilang, tapi karena satu alasan dipertahankan oleh mesin (runtime).

Dalam otomotif, memori yang efisien bikin performa dan respon kendaraan jadi optimal. Begitu juga di JavaScript, *closure* mengoptimalkan manajemen memori, memungkinkan kita menyimpan data privat yang hanya bisa diakses oleh fungsi tertentu saja. Dengan begitu, aplikasi kita jadi lebih aman dan efisien, tanpa tumpang tindih variabel global.

Menyingkap Terminologi Closure dalam JavaScript

Kalau dalam bahasa sehari-hari, *closure* adalah “penutupan” atau “ikatan”. Di JavaScript, *closure* berarti sebuah fungsi yang bisa mengakses variabel dari lingkup induknya, walaupun fungsi induknya sudah selesai berjalan. Jadi, seperti fuel injection yang tetap memompa bahan bakar walau mesin beralih ke mode idle, *closure* mempertahankan referensi variabel agar tidak hilang.

*Closure* memungkinkan kita membuat variabel privat, menjaga state yang tidak bisa diubah sembarang orang, dan membuat kode yang modular sekaligus aman untuk aplikasi berskala besar.

Contoh Kode JavaScript: Memahami Closure dari Pola Dasar sampai Variasi

Contoh 1: Closure Dasar Menyimpan Variabel

// Fungsi outer yang membuat closure
function createCounter() {
  let count = 0; // variabel privat yang disimpan dalam closure

  return function() {
    count++;
    return count;
  };
}

const counter = createCounter();

console.log(counter()); // Output: 1
console.log(counter()); // Output: 2
console.log(counter()); // Output: 3

Pada contoh di atas, fungsi `createCounter` mengembalikan fungsi anonim yang bisa mengakses variabel `count` meskipun `createCounter` sendiri sudah selesai dieksekusi. Ini mirip memori ECU yang menyimpan konfigurasi walau mesin dimatikan.

Contoh 2: Closure untuk Menyimpan Data Konfigurasi

function createCarConfig() {
  let fuelLevel = 100; // tangki penuh awalnya

  return {
    consumeFuel(amount) {
      if (fuelLevel - amount >= 0) {
        fuelLevel -= amount;
        return `Fuel left: ${fuelLevel} liters`;
      } else {
        return "Fuel empty!";
      }
    },
    refuel(amount) {
      fuelLevel += amount;
      return `Fuel refilled to: ${fuelLevel} liters`;
    }
  };
}

const myCar = createCarConfig();

console.log(myCar.consumeFuel(30)); // Fuel left: 70 liters
console.log(myCar.consumeFuel(50)); // Fuel left: 20 liters
console.log(myCar.refuel(40));       // Fuel refilled to: 60 liters

Di sini, closure bukan hanya buat menyimpan angka, tapi berfungsi sebagai “tangki bahan bakar” digital. Kita bisa mengkonsumsi dan mengisi ulang bahan bakar melalui fungsi yang terjaga privasinya, nggak bisa diintervensi langsung dari luar.

Contoh 3: Closure Variasi Mengelola State Asinkron

function timer(duration) {
  let elapsed = 0;

  return function tick() {
    if (elapsed < duration) {
      elapsed++;
      console.log(`Elapsed time: ${elapsed} seconds`);
    } else {
      console.log("Timer complete");
    }
  };
}

const myTimer = timer(5);

// Simulasi interval dengan setInterval
const interval = setInterval(() => {
  myTimer();
  if (myTimer.elapsed >= 5) clearInterval(interval);
}, 1000);

Walaupun fungsi luar `timer` sudah selesai, `tick` masih memegang variabel `elapsed` dan bisa mengontrol waktu berjalan. Mirip speedometer yang tetap merekam waktu tempuh walau fungsi utama timer sudah kembali ke garasi.

Masa Depan: Dari Garasi ke Algoritma – State Awareness

Di era teknologi otomotif 2025, kendaraan modern menuntut software yang paham terhadap state perubahan secara real-time, seperti membaca sensor ABS, pengaturan suspensi, dan optimasi bahan bakar dinamis. *Closure* adalah salah satu algoritma untuk *state awareness* yang memungkinkan mesin (atau aplikasi web kita) “mengingat” kondisi sebelumnya tanpa perlu menulis ulang semua data dari awal.

Implementasi *closure* ini tidak sekadar teknis, melainkan juga filosofi manajemen memori yang hemat, aman, dan modular — persis seperti cara engineer menyusun ECU agar hemat daya tapi tetap presisi. Jadi, kalau kamu penggemar modifikasi software maupun hardware, paham *closure* itu wajib supaya algoritma kamu tetap handal dan efisien.

—

Mau tahu lebih banyak tentang algoritma bertenaga JavaScript buat aplikasi otomotif kamu? Coba jelajahi seri JS kami, praktikkan kodenya, dan rasakan sendiri asiknya mengoptimalkan memori serta state layaknya tune-up di garasi!