Sebuah closure ialah fungsi yang digabungkan bersama rujukan kepada pemboleh ubah daripada skop (lexical) di sekelilingnya. Disebabkan closure, fungsi dalaman mengekalkan akses kepada pemboleh ubah fungsi luarannya walaupun selepas fungsi luaran telah kembali (return).
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count tidak boleh diakses dari luar — hanya inc/get boleh melihatnya. Itulah kerahsiaan data yang dibina daripada closure. Dan setiap panggilan kepada makeCounter() mencipta skop yang segar dan terasing.
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 merangkum (close over) i yang sama (iaitu bernilai 3 pada masa ia dijalankan). let mencipta pengikatan (binding) baharu pada setiap lelaran.
Closure menggerakkan kerahsiaan modul, memoization, currying, pengendali acara/callback yang mengingati keadaan (state), dan ia sebenarnya cara React hooks (useState) mengekalkan nilai antara render.