Hari 7: Scope, Closure & Hoisting

Scope di JavaScript

const global = "saya global";

function luaran() {
    const lokal = "saya lokal";
    console.log(global); // bisa akses global

    function dalam() {
        const dalamVar = "dalam";
        console.log(lokal);  // bisa akses scope luar
        console.log(global); // bisa akses global
    }
    dalam();
    // console.log(dalamVar); // Error! tidak bisa akses scope dalam
}

luaran();

Closure — Fungsi yang Mengingat

function buatCounter(awal = 0) {
    let count = awal; // variabel yang "diingat"

    return {
        tambah: () => ++count,
        kurang: () => --count,
        reset:  () => { count = awal; },
        nilai:  () => count,
    };
}

const counter = buatCounter(10);
counter.tambah(); // 11
counter.tambah(); // 12
counter.kurang(); // 11
console.log(counter.nilai()); // 11

Hoisting

// Function declaration — hoisted penuh
sapa("Budi"); // OK, bisa dipanggil sebelum deklarasi
function sapa(nama) { console.log(`Halo, ${nama}`); }

// let/const — NOT hoisted (temporal dead zone)
// console.log(x); // ReferenceError!
let x = 5;

// var — hoisted tapi undefined
console.log(y); // undefined (bukan error)
var y = 10;