Function, scope és closure

Mit jelent a function, scope és closure?

A scope meghatározza, hogy egy név a kód mely részéről érhető el. JavaScript lexical scope-ot használ: a láthatóságot alapvetően az határozza meg, hol írtad a függvényt, nem az, hogy honnan hívtad.

Hogyan működik a gyakorlatban?

Closure akkor jön létre, amikor egy függvény hozzáfér a külső lexical környezet bindingjaihoz, és ezt a kapcsolatot későbbi meghíváskor is megőrzi. Ez teszi lehetővé többek között factoryk, privát állapot és callback konfigurációk elegáns megoldását.

• Block scope: `let` és `const` blokkon belül él.
• Function declaration/expressions saját scope-ot hozhatnak létre.
• Closure bindingot zár be, nem pillanatfelvételt készít minden esetben.
• Túl sok fölöslegesen megtartott referencia memóriaélettartamot növelhet.

function makeCounter() {
  let count = 0;
  return () => ++count;
}

const next = makeCounter();
next(); // 1
next(); // 2

Gyakorlati fejlesztői szemlélet

Callback bugnál vizsgáld meg, mely bindingot zárja be és mikor olvassa ki. Sok „régi érték” probléma valójában closure + state lifecycle megértési kérdés.

Gyakori hibák és félreértések

• Closure-t egyszerűen függvényen belüli függvényként definiálni.
• Dynamic scope-ot feltételezni hívási hely alapján.
• React stale closure jelenséget automatikusan framework bugnak tekinteni.