Расскажи об областях видимости в JavaScript.

В JavaScript существует три основных вида областей видимости:

• Глобальная область видимости (Global Scope): Все переменные и функции, объявленные вне каких-либо функций или блоков, находятся в глобальной области видимости. Они доступны из любой точки кода. В браузерной среде к глобальной области видимости относится объект window, а в Node.js — объект global. Использование множества глобальных переменных не рекомендуется, так как это может привести к конфликтам имен и сложностям в управлении зависимостями.

• Функциональная область видимости (Function Scope): Переменные, объявленные внутри функции с использованием ключевого слова var, доступны только в теле этой функции. Они невидимы снаружи.

  function myFunction() {
    var functionScopedVar = "Я виден только внутри функции";
    console.log(functionScopedVar);
  }
  myFunction();
  // console.log(functionScopedVar); // Вызовет ошибку ReferenceError
  

• Блочная область видимости (Block Scope): Введена в ECMAScript 2015 (ES6) с использованием ключевых слов let и const. Переменные, объявленные внутри блока (например, if, for, while, {}), доступны только в пределах этого блока.

  if (true) {
    let blockScopedLet = "Я виден только внутри блока";
    const blockScopedConst = "Я тоже виден только внутри блока";
    console.log(blockScopedLet);
    console.log(blockScopedConst);
  }
  // console.log(blockScopedLet); // Вызовет ошибку ReferenceError
  // console.log(blockScopedConst); // Вызовет ошибку ReferenceError
  

  Использование let и const предпочтительнее var, поскольку они помогают избежать проблем с так называемым "поднятием" (hoisting) и улучшают контроль над областью видимости, делая код более предсказуемым и легким для отладки.

Поднятие (Hoisting):

В JavaScript объявления переменных (с var) и функций поднимаются в начало их области видимости во время компиляции. Однако, инициализация переменных с var не поднимается, что может привести к неожиданному поведению. Объявления с let и const также поднимаются, но инициализация остается на месте объявления, что предотвращает доступ к ним до инициализации (Temporal Dead Zone).

console.log(hoistedVar); // undefined (объявление var поднято, но не инициализация)
var hoistedVar = "Поднятая переменная";
console.log(hoistedVar); // Поднятая переменная

// console.log(hoistedLet); // ReferenceError (нельзя получить доступ до инициализации)
let hoistedLet = "Поднятая let";

Понимание областей видимости критически важно для написания корректного, читаемого и поддерживаемого кода в JavaScript. Использование блочной области видимости с let и const является рекомендуемой практикой в современном JavaScript.