Closure என்றால் என்ன?

Question

Accepted Answer

ஒரு **closure** என்பது அதன் சுற்றியுள்ள (lexical) நோக்கத்திலிருந்து மாறிகளுக்கான குறிப்புகளுடன் ஒன்றாக பாக்கப்பட்ட ஒரு செயல்பாடு. Closures காரணமாக, ஒரு உள் செயல்பாடு அதன் வெளிப்புற செயல்பாட்டின் மாறிகளுக்கு அணுக்கத்தை **வெளிப்புற செயல்பாடு திரும்பிய பிறகும்** பராமரிக்கிறது. ```js function makeCounter() { let count = 0; // private variable, captured by the closure return { inc: () => ++count, // each closure "remembers" its own count get: () => count, }; } const a = makeCounter(); const b = makeCounter(); // independent closure — separate count a.inc(); a.inc(); // a.get() → 2 b.inc(); // b.get() → 1 (a is untouched) ``` `count` வெளியிலிருந்து அணுகமுடியாது — `inc`/`get` மட்டுமே இதைக் காண முடியும். அது **தரவு தனியுரிமை** closure இலிருந்து கட்டப்பட்டுள்ளது. மற்றும் `makeCounter()` இற்கான ஒவ்வொரு அழைப்பு ஒரு புதிய, தனிமைப்படுத்தப்பட்ட நோக்கத்தை உருவாக்குகிறது. ## கிளாசிக் loop பிழை ```js 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` ஒவ்வொரு iteration இல் ஒரு புதிய binding உருவாக்குகிறது. ## இது ஏன் முக்கியமாக இருக்கிறது Closures **தொகுதி தனியுரிமை**, **memoization**, **currying**, நிகழ்வு கையாளிகள்/callbacks அவை நிலையை நினைவில் வைத்துக்கொள்ள, மற்றும் React hooks (`useState`) பெறல் மூலம் மதிப்புகளை பராமரிக்கும் விதத்தை சரியாக அதிகாரம் அளிக்கிறது.