Что такое область видимости (scope) переменных в JavaScript?

Область видимости определяет доступность переменных, функций и объектов в определенной части кода.

В JavaScript существует несколько типов области видимости:

• Глобальная область видимости (Global Scope): Переменные, объявленные вне любых функций или блоков, доступны из любой точки кода.
• Функциональная область видимости (Function Scope): Переменные, объявленные внутри функции (до ES6), доступны только внутри этой функции и вложенных в нее функциях.
• Блочная область видимости (Block Scope): Переменные, объявленные с использованием let и const внутри блоков (например, {} или циклов), доступны только внутри этого блока.

Пример:

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

function someFunction() {
  // Функциональная область видимости (до ES6)
  var functionVar = "Я внутри функции";
  console.log(globalVar); // Доступна глобальная переменная

  if (true) {
    // Блочная область видимости (для let и const)
    let blockVar = "Я внутри блока";
    console.log(functionVar); // Доступна функциональная переменная
    console.log(blockVar); // Доступна блочная переменная
  }

  // console.log(blockVar); // Ошибка: blockVar не доступна здесь
}

someFunction();
// console.log(functionVar); // Ошибка: functionVar не доступна здесь

Ключевые слова для объявления переменных и их влияние на область видимости:

Понимание области видимости критично для предотвращения конфликтов имен переменных и написания чистого и предсказуемого кода.