В чем заключается разница между замыканием и областью видимости?

Замыкание — это функция, которая запоминает окружение (лексическую область видимости), в котором она была создана, даже если выполняется вне этой области. Это позволяет ей получать доступ к переменным из родительской области видимости.

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

Основное различие:

• Область видимости определяет, где переменная или функция доступна во время компиляции (или парсинга).
• Замыкание позволяет функции сохранить доступ к переменным из своей области видимости создания после того, как эта область видимости завершила выполнение.

Пример области видимости:

// Глобальная область видимости
let globalVar = "Я глобальная";

function myFunction() {
  // Функциональная область видимости
  let functionVar = "Я функциональная";
  console.log(globalVar); // Доступно
}

// console.log(functionVar); // Ошибка ReferenceError: functionVar не определена

Пример замыкания:

function createCounter() {
  let count = 0; // Переменная в области видимости функции createCounter

  return function() { // Это замыкание
    count++; // Имеет доступ к count из родительской области видимости
    console.log(count);
  };
}

const counter = createCounter();
counter(); // Выведет 1 (count сохраняется)
counter(); // Выведет 2 (count сохраняется)
// console.log(count); // Ошибка ReferenceError: count не определена

В этом примере внутренняя функция (замыкание) сохраняет доступ к переменной count, даже после того как createCounter завершила выполнение. Это возможно благодаря замыканию.

Сравнение: