closure هو دالة مرتبطة بمراجع للمتغيرات من نطاقها المحيط (lexical scope). بفضل الـ closures، تحتفظ الدالة الداخلية بإمكانية الوصول إلى متغيرات الدالة الخارجية حتى بعد أن تعود الدالة الخارجية.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count غير قابل للوصول من الخارج — فقط inc/get يمكنهما رؤيته. هذا هو الخصوصية البيانات المبنية من closure. وكل استدعاء إلى makeCounter() ينشئ نطاقًا منعزلًا جديدًا.
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، كل callback ينغلق على نفس i (التي تكون 3 عندما تعمل). let ينشئ ربطًا جديدًا في كل تكرار.
الـ Closures تمكّن خصوصية الوحدات، الحفظ في الذاكرة، التعطيل، معالجات الأحداث/callbacks التي تتذكر الحالة، وهي بالضبط كيفية احتفاظ React hooks (useState) بالقيم بين الرسومات.