Для чего нужно ключевое слово var в JavaScript и когда его следует использовать?

Разница между объявлением с var и без него

Ключевое слово var в JavaScript выполняет две важные функции: объявляет переменную и ограничивает её область видимости. Когда вы пишете age = 25 без var, вы не объявляете новую переменную, а присваиваете значение существующей переменной. Если такой переменной нет, JavaScript создаёт её глобально (как свойство глобального объекта window в браузере). Это может привести к трудноуловимым ошибкам.

Область видимости (Scope)

Переменная, объявленная через var, имеет функциональную область видимости. Она видна только внутри функции, где объявлена, и во всех вложенных функциях. Переменная без var (неявно глобальная) видна везде, что нарушает изоляцию кода.

function test() {
  var local = "я локальная";
  global = "я глобальная";  // без var
}
test();
console.log(global); // "я глобальная" — работает
console.log(local);  // ReferenceError: local is not defined

Всплытие (Hoisting)

Все объявления переменных через var "всплывают" в начало своей области видимости (функции или скрипта). Переменная будет существовать, но её значение будет undefined до строки присваивания. Это поведение может сбивать с толку:

console.log(a); // undefined (не ошибка!)
var a = 10;

// Без var будет ошибка:
console.log(b); // ReferenceError: b is not defined
b = 20;

Когда использовать var, а когда опускать

• Всегда используйте var (или let/const в современном JS) для объявления новых переменных. Это явно указывает ваше намерение и предотвращает загрязнение глобальной области.
• Никогда не опускайте var при первом присваивании переменной. Это считается плохой практикой, так как создаёт неявные глобальные переменные.
• Исключение: если вы намеренно хотите создать глобальную переменную (например, для библиотеки), делайте это явно через window.myVar = ....

Пример типичной ошибки

function counter() {
  for (var i = 0; i < 3; i++) {
    setTimeout(function() {
      console.log(i); // Выведет 3, 3, 3 (все ссылаются на одну i)
    }, 100);
  }
}
counter();

Здесь var создаёт одну переменную i для всей функции, а не для каждой итерации цикла. В современном JavaScript для таких случаев лучше использовать let.

Резюме

Используйте var всегда, когда объявляете переменную. Это делает код предсказуемым, избегает утечек в глобальную область и помогает отладке. В новых проектах рекомендуется использовать let и const (ES6+), которые имеют блочную область видимости и решают многие проблемы var. Но если вы поддерживаете старый код или работаете в среде без ES6, var остаётся правильным выбором.

// Проблема с var
var x = 1;
var x = 2; // Работает, но может быть ошибкой

// С let
let y = 1;
let y = 2; // SyntaxError: Identifier 'y' has already been declared