Что такое scope в JavaScript?

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

Типы области видимости

• Глобальная область видимости: переменные, объявленные вне любой функции или блока, доступны во всем коде.
• Функциональная область видимости: переменные, объявленные внутри функции с помощью var, доступны только внутри этой функции.
• Блочная область видимости: переменные, объявленные с let или const внутри блока {}, доступны только внутри этого блока.

Пример кода

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

function myFunction() {
  var functionVar = 'Я функциональная'; // функциональная область видимости
  if (true) {
    let blockVar = 'Я блочная'; // блочная область видимости
    console.log(blockVar); // Доступно
  }
  console.log(functionVar); // Доступно
  // console.log(blockVar); // Ошибка: blockVar не определена
}

console.log(globalVar); // Доступно
// console.log(functionVar); // Ошибка: functionVar не определена

Лексическое окружение

Каждый раз, когда выполняется функция, создается новое лексическое окружение, которое содержит локальные переменные и ссылку на внешнее окружение. Это позволяет вложенным функциям получать доступ к переменным внешних функций — механизм, называемый замыканием.

Вывод: понимание scope необходимо для написания предсказуемого и безопасного кода, особенно при работе с замыканиями, модулями и асинхронными операциями. Правильное использование областей видимости помогает избежать утечек памяти и неожиданного поведения переменных.