Замыкания

Функции, которые «помнят» переменные из внешней области видимости.

JavaScript

function makeCounter() {

let count = 0; // ← переменная во внешней функции

return function() { // ← внутренняя функция

count++; // ← доступ к count — это замыкание

return count;

};

}

const counter = makeCounter();

counter(); // 1

counter(); // 2 ← count сохраняется!

Замыкание — это функция + её лексическое окружение (переменные из внешней области видимости).
Внутренняя функция «помнит» переменные внешней даже после её выполнения.

Визуализация лексического окружения

makeCounter() — внешнее окружение

count = 2 ← переменная живёт здесь

function() — внутреннее окружение

видит count через замыкание →

Язык примеров:

Шаг 1 из 3

Лексическая область видимости

Где живут переменные?

JavaScript использует лексическую область видимости — функция видит переменные той области, где она объявлена, а не где вызывается.

const x = 10;

function outer() {
  const y = 20;

  function inner() {
    const z = 30;
    console.log(x, y, z); // 10, 20, 30 — видит всё
  }

  inner();
  // console.log(z); // ошибка! z не видна здесь
}

// console.log(y); // ошибка! y не видна здесь

Цепочка областей видимости

Когда JS ищет переменную, он идёт по цепочке вверх — от текущей функции к внешней, и так до глобальной.

const global = "я глобальная";

function level1() {
  const l1 = "я в level1";

  function level2() {
    const l2 = "я в level2";
    console.log(global); // ✓ найдено в глобальной области
    console.log(l1);     // ✓ найдено в level1
    console.log(l2);     // ✓ найдено локально
  }
}

Map и Set Рекурсия

StudyCode

Где живут переменные?

const x = 10;

function outer() {
  const y = 20;

  function inner() {
    const z = 30;
    console.log(x, y, z); // 10, 20, 30 — видит всё
  }

  inner();
  // console.log(z); // ошибка! z не видна здесь
}

// console.log(y); // ошибка! y не видна здесь

Цепочка областей видимости

Когда JS ищет переменную, он идёт по цепочке вверх — от текущей функции к внешней, и так до глобальной.

const global = "я глобальная";

function level1() {
  const l1 = "я в level1";

  function level2() {
    const l2 = "я в level2";
    console.log(global); // ✓ найдено в глобальной области
    console.log(l1);     // ✓ найдено в level1
    console.log(l2);     // ✓ найдено локально
  }
}