> Что такое область видимости (scope) в JavaScript (JavaScript)

Короткий ответ

Область видимости (scope) в JavaScript - это контекст, в котором объявлены переменные и функции, определяющий, где к ним можно обратиться. Она ограничивает доступность переменных: глобальная видимость доступна везде, функциональная - внутри функции, блочная - внутри блока {} для let и const. Механизм лексического скоупинга и замыкания (closures) позволяют вложенным функциям обращаться к переменным внешних областей.

Подробное объяснение

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

• Глобальная (global scope): переменные, объявленные вне любых функций или блоков, доступны во всём коде. В браузере глобальный объект - window, в Node.js - global.
• Функциональная (function scope): переменные, объявленные внутри функции с помощью var, let или const, доступны только внутри этой функции и её вложенных функций.
• Блочная (block scope): переменные, объявленные с let и const внутри блока {} (например, в if, for, while), доступны только внутри этого блока. var игнорирует блочную видимость и создаёт функциональную.

Ключевое понятие - лексическая область видимости (lexical scope): вложенная функция имеет доступ к переменным внешней функции, потому что область видимости определяется местом объявления функции в коде, а не местом вызова.

Цепочка областей видимости (scope chain): при обращении к переменной JavaScript ищет её в текущей области, затем во внешней, и так до глобальной. Если переменная не найдена - возникает ошибка ReferenceError.

Замыкание (closure): функция, объявленная внутри другой функции, "запоминает" свою внешнюю область видимости даже после завершения внешней функции. Это позволяет создавать приватные переменные и фабрики функций.

На практике

Для junior-разработчика важно понимать, как скоуп влияет на поведение кода:

• Используйте let и const вместо var, чтобы избежать неожиданного всплытия (hoisting) и конфликтов имён.
• Не объявляйте переменные без ключевого слова - они попадают в глобальную область видимости.
• Помните, что var имеет функциональную видимость, поэтому в циклах for с var переменная будет одна на все итерации, а с let - своя на каждую.
• Замыкания часто используются для создания приватных данных и мемоизации.

Пример кода

JAVASCRIPT
// Глобальная область
let globalVar = 'global';

function outer() {
  // Функциональная область
  var functionVar = 'function';
  let blockVar = 'block';

  if (true) {
    // Блочная область
    let innerBlock = 'inner';
    var innerVar = 'inner var'; // var игнорирует блок
    console.log(innerBlock); // 'inner'
  }

  console.log(innerVar); // 'inner var' - доступно
  // console.log(innerBlock); // ReferenceError

  function inner() {
    // Замыкание: доступ к внешним переменным
    console.log(globalVar, functionVar, blockVar);
  }

  return inner;
}

const closure = outer();
closure(); // 'global' 'function' 'block'

// Приватная переменная через замыкание
function counter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}

const increment = counter();
console.log(increment()); // 1
console.log(increment()); // 2

Как отвечать на собеседовании

Начните с определения: "Область видимости - это контекст, определяющий доступность переменных". Затем перечислите типы скоупов: глобальный, функциональный, блочный. Обязательно упомяните разницу между var и let/const. Добавьте про лексическую область видимости и цепочку скоупов. Если спросят про замыкания - приведите короткий пример с счётчиком. Говорите структурированно, не углубляйтесь в детали, если не просят.

Что проверяет интервьюер

Интервьюер оценивает:

• Понимание базовых типов скоупа и их отличий.
• Знание разницы между var, let, const.
• Понимание механизма поиска переменных по цепочке областей видимости.
• Умение объяснить замыкания и их практическое применение.
• Способность предсказать поведение кода с вложенными функциями и блоками.

Типичные ошибки

• Путаница между блочной и функциональной областью видимости.
• Утверждение, что var имеет блочную видимость.
• Непонимание, что переменные без ключевого слова становятся глобальными.
• Ошибка в объяснении замыканий: "функция запоминает значения", а не "запоминает область видимости".
• Игнорирование всплытия (hoisting) при объяснении скоупа.