Почему несколько вызовов функции могут ссылаться на одну и ту же переменную

Определение

Лексическое окружение — это внутренняя структура JavaScript, в которой хранятся переменные, доступные функции в момент её создания.

Как возникает общая переменная

1. Внешняя функция создаёт переменную

2. Внутренняя функция использует эту переменную

3. Внешняя функция завершает выполнение

4. Переменная не удаляется, потому что на неё есть ссылка

Пример общей переменной

function createFn() {
  let value = 0;

  return function () {
    value++;
    console.log(value);
  };
}

const fn1 = createFn();
const fn2 = fn1;

fn1(); // 1
fn2(); // 2

Почему это одна и та же переменная

1. value создана один раз

2. fn1 и fn2 указывают на одну функцию

3. Замыкание содержит ссылку на одно окружение

Частый источник багов

let shared = 0;

function inc() {
  shared++;
}

inc();
inc();

• Все вызовы работают с одним состоянием

• Без явного контроля это может быть неожиданно

Вывод

Замыкания работают со ссылкой на переменную, а не с её копией. Поэтому несколько вызовов могут изменять одно и то же состояние.