Vad är en closure?

Question

Vad är en closure?

IT Interview Practice · Accepted Answer

En **closure** är en funktion som är bunden tillsammans med referenser till variabler från sitt omgivande (lexikala) omfång. På grund av closures bibehåller en inre funktion åtkomst till sin yttre funktions variabler **även efter att den yttre funktionen har returnerats**. ```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` är inte åtkomlig från utsidan — endast `inc`/`get` kan se den. Det är **dataintegritet** byggd från en closure. Och varje anrop till `makeCounter()` skapar ett nytt, isolerat omfång. ## Den klassiska loop-buggen ```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 } ``` Med `var` sluter varje callback över **samma** `i` (vilket är 3 när de körs). `let` skapar en ny bindning vid varje iteration. ## Varför det spelar roll Closures ger kraft till **modulintegritet**, **memoization**, **currying**, event handlers/callbacks som kommer ihåg tillstånd, och är exakt hur React hooks (`useState`) bevarar värden mellan renderingar.

Den klassiska loop-buggen

Varför det spelar roll

Relaterade frågor