Bir closure, çevreleyen (lexical) kapsamından değişkenlere yapılan referanslar ile birlikte paketlenmiş bir fonksiyondur. Closures nedeniyle, bir iç fonksiyon dış fonksiyonunun değişkenlerine erişimi dış fonksiyon geri döndükten sonra bile korur.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count dışarıdan erişilebilir değildir — sadece inc/get bunu görebilir. Bu, bir closure'dan inşa edilen veri gizliliğidir. Ve makeCounter() yapılan her çağrı yeni, izole bir kapsam oluşturur.
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
}
var ile, her geri çağırma aynı i üzerinde kapanır (çalıştığında 3'tür). let her yinelemede yeni bir bağlama oluşturur.
Closures modül gizliliğini, memoization, currying, durumu hatırlayan event handler'ları/geri çağırmaları güçlendirir ve React hooks (useState) değerleri render'lar arasında nasıl koruduğunun tam olarak bu şeklidir.