Как проверить, существует ли переменная в JavaScript (определена/инициализирована)?

Как правильно проверить существование переменной в JavaScript

Отличный вопрос! Это одна из классических "ловушек" JavaScript, с которой сталкивается каждый разработчик. Давайте разберём все способы проверки, их плюсы и минусы.

1. Базовый способ: оператор typeof

Самый надёжный и универсальный способ — использовать оператор typeof. Он никогда не выбрасывает ошибку, даже если переменная не объявлена:

// Переменная не объявлена
if (typeof unknownVar !== 'undefined') {
  console.log('Переменная существует');
} else {
  console.log('Переменная НЕ существует (не объявлена)');
}
// Вывод: "Переменная НЕ существует (не объявлена)"

// Переменная объявлена, но не инициализирована
let myVar;
if (typeof myVar !== 'undefined') {
  console.log('Переменная существует');
} else {
  console.log('Переменная НЕ существует');
}
// Вывод: "Переменная НЕ существует" (потому что значение undefined)

// Переменная объявлена и инициализирована
let myVar2 = 42;
if (typeof myVar2 !== 'undefined') {
  console.log('Переменная существует');
}
// Вывод: "Переменная существует"

Важно: typeof возвращает строку "undefined" в двух случаях:

• Переменная не объявлена вообще
• Переменная объявлена, но её значение — undefined

2. Проверка через глобальный объект (для глобальных переменных)

Если вы работаете с глобальными переменными (в браузере — это window), можно проверить через свойство объекта:

// В браузере
if (window.someGlobalVar !== undefined) {
  console.log('Глобальная переменная существует');
}

// В Node.js
if (global.someGlobalVar !== undefined) {
  console.log('Глобальная переменная существует');
}

Недостаток: Этот способ не работает с локальными переменными (внутри функций или блоков).

3. Проверка через in оператор (для свойств объекта)

Если вы хотите проверить, существует ли свойство у объекта (даже если его значение undefined):

const obj = { a: undefined, b: 42 };

console.log('a' in obj); // true (свойство существует, хоть и undefined)
console.log('c' in obj); // false (свойства нет)

// Отличие от проверки через obj.a !== undefined
console.log(obj.a !== undefined); // false (значение undefined)
console.log('a' in obj); // true (свойство существует)

4. Использование try...catch (не рекомендуется)

Технически можно поймать ошибку ReferenceError, но это плохая практика:

try {
  console.log(unknownVar);
  console.log('Переменная существует');
} catch (e) {
  if (e instanceof ReferenceError) {
    console.log('Переменная НЕ существует');
  }
}

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

5. Современный подход: используйте let / const и избегайте проверок

Лучшая стратегия — проектировать код так, чтобы проверки были минимальны. Используйте:

• Строгий режим ("use strict") — он запрещает использование необъявленных переменных.
• Значения по умолчанию через || или ?? (nullish coalescing):

// Старый способ
function greet(name) {
  var displayName = name || 'Гость';
  console.log('Привет, ' + displayName);
}

// Современный способ (ES2020)
function greet(name) {
  const displayName = name ?? 'Гость'; // ?? работает только с null/undefined
  console.log(`Привет, ${displayName}`);
}

Итог: что выбрать?

• Для любой переменной (глобальной или локальной): используйте typeof x !== 'undefined'
• Для свойств объекта: используйте 'prop' in obj или obj.prop !== undefined (в зависимости от того, нужно ли отличать отсутствие свойства от значения undefined)
• Избегайте: try...catch, проверки через if (x) (так как 0, '', false, null тоже дадут false)

Помните: в современном JavaScript с использованием let/const и строгого режима ситуация "необъявленная переменная" возникает редко. Обычно проблема сводится к проверке, инициализирована ли переменная (имеет ли она значение, отличное от undefined).

// Допустим, у нас есть объект конфигурации
const config = {
  // theme: 'dark' // закомментировано — свойство отсутствует
};

// Безопасное извлечение со значением по умолчанию
const { theme = 'light', fontSize = 16 } = config;
console.log(theme); // 'light' — свойство не существовало
console.log(fontSize); // 16 — свойство не существовало

// Если переменная может быть undefined в объекте:
const config2 = { theme: undefined };
const { theme: myTheme = 'light' } = config2;
console.log(myTheme); // 'light' (значение по умолчанию сработало)

function createUser({ name = 'Аноним', age = 18 } = {}) {
  console.log(`Пользователь: ${name}, возраст: ${age}`);
}

createUser({ name: 'Иван' }); // Пользователь: Иван, возраст: 18
createUser({}); // Пользователь: Аноним, возраст: 18
createUser(); // Пользователь: Аноним, возраст: 18 (деструктуризация пустого объекта)