Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Замикання». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

## Визначення простими словами

> **Замикання** - це функція, **яка "пам'ятає" змінні** з області, де вона була створена,
> навіть якщо ця область уже завершила виконання.

---

## Найпростіший приклад

```javascript
function outer() {
  let count = 0; // змінна зовнішньої функції

function inner() {
    count++;
    console.log(count);
  }

return inner;
}

const counter = outer(); // викликаємо зовнішню функцію
counter(); // 1
counter(); // 2
counter(); // 3
```

Що відбувається:

1. `outer()` виконується -> створює змінну `count` та внутрішню функцію `inner`.
2. Повертає `inner`, яка **пам'ятає**, де була створена.
3. Навіть після завершення `outer()`, змінна `count` **не знищується**,
тому що на неї є посилання з `inner`.

Тобто:

```javascript
outer()  → створило count → inner()  → запам'ятало count
```

---

## Замикання = функція + оточення, в якому вона створена

Кожне замикання зберігає **лексичне оточення (scope)** -
набір змінних, до яких воно має доступ.

### Приклад:

```javascript
function makeAdder(x) {
  return function(y) {
    return x + y; // доступ до "x" із зовнішнього скоупу
  };
}

const add5 = makeAdder(5);
console.log(add5(10)); // 15
console.log(add5(7));  // 12
```

Тут:

- Функція `makeAdder` створює і повертає нову функцію.
- Повернута функція **замикає** значення `x` (у нашому випадку `5`).
- Навіть після завершення `makeAdder`, `x` залишається "живим".

---

## Ще приклад - лічильник з приватною змінною

```javascript
function createCounter() {
  let count = 0;

return {
    increment() { count++; },
    decrement() { count--; },
    get() { return count; }
  };
}

const counter = createCounter();
counter.increment();
counter.increment();
console.log(counter.get()); // 2
```

Тут `count` **недоступний ззовні напряму**,
але доступний із замкнутих функцій (`increment`, `get`).

Це спосіб створювати **приватні змінні** в JavaScript.

---

## Важлива властивість замикання

Функція **пам'ятає не значення**, а **посилання на змінну** у зовнішньому оточенні.

```javascript
function make() {
  let value = 1;
  return () => console.log(value++);
}

const f = make();
f(); // 1
f(); // 2  ← змінна "value" жива між викликами
```

---

## Поширена помилка (цикли)

```javascript
for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1000);
}
// через 1 секунду: 3, 3, 3
```

Чому:

- Усі функції замкнули **одну й ту саму змінну** `i`,
і коли таймер спрацьовує - `i` вже дорівнює 3.

Виправлення через `let` (створює нову змінну на кожній ітерації):

```javascript
for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1000);
}
// 0, 1, 2
```

---

## Коротко запам'ятати

| Що це | Приклад |
|---|---|
| Функція, яка "пам'ятає" змінні з місця, де була створена | `return function() { console.log(a); }` |
| Змінні живуть, навіть якщо зовнішня функція вже завершилась | так |
| Створює приватні дані і стан | так |
| Часто використовується в колбеках, обробниках, модулях | так |

---

## Аналогія

> Замикання - це як рюкзак,
> у якому функція несе з собою всі потрібні змінні з місця, де народилась.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати474 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.