Closure adalah fungsi yang dikemas bersama dengan referensi ke variabel dari scope sekitarnya (lexical scope). Karena closure, fungsi inner mempertahankan akses ke variabel fungsi outer bahkan setelah fungsi outer telah returned.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count tidak dapat diakses dari luar — hanya inc/get yang dapat melihatnya. Itu adalah data privacy yang dibangun dari closure. Dan setiap panggilan ke makeCounter() membuat scope yang baru dan terisolasi.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 3, 3, 3 — all share one `i`
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 0, 1, 2 — `let` is per-iteration
}
Dengan var, setiap callback tertutup atas yang sama i (yang sudah 3 pada saat mereka berjalan). let membuat binding baru setiap iterasi.
Closure memberikan kekuatan pada module privacy, memoization, currying, event handlers/callbacks yang mengingat state, dan itulah tepat bagaimana React hooks (useState) mempertahankan nilai di antara render.