Как правильно проверить, является ли значение переменной undefined в JavaScript?

Правильная проверка на undefined в JavaScript

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

1. Прямое сравнение с undefined (строгое ===)

Самый простой и читаемый способ — использовать строгое равенство:

let user;
if (user === undefined) {
  console.log('Пользователь не определен');
}

Этот способ работает только для объявленных переменных. Если переменная не объявлена, вы получите ReferenceError.

2. Использование оператора typeof

Это самый безопасный способ, который работает в любых ситуациях:

// Переменная объявлена, но не определена
let user;
if (typeof user === 'undefined') {
  console.log('Пользователь не определен');
}

// Переменная не объявлена — ошибки не будет
if (typeof someUndefinedVariable === 'undefined') {
  console.log('Переменная someUndefinedVariable не существует');
}

typeof никогда не выбрасывает ошибку, даже если переменная не существует. Он просто возвращает строку "undefined".

3. Почему не стоит использовать == (нестрогое равенство)

Нестрогое равенство == приводит типы, поэтому:

console.log(undefined == null);  // true — это проблема!
console.log(undefined === null); // false — так правильно

Использование == может привести к неожиданным результатам, когда null и undefined считаются равными.

4. Проверка на существование переменной (глобальный объект)

Если нужно проверить, существует ли глобальная переменная, можно использовать window (в браузере) или globalThis:

if (typeof window.myVar === 'undefined') {
  console.log('myVar не существует в глобальной области');
}

// Или с помощью оператора in
if (!('myVar' in window)) {
  console.log('myVar не существует');
}

5. Сводка правил

• Для объявленных переменных — используйте === undefined. Это читаемо и понятно.
• Для необъявленных переменных — используйте typeof x === 'undefined'. Это единственный безопасный способ.
• Для свойств объектов — используйте obj.prop === undefined или 'prop' in obj.
• Никогда не используйте == undefined — это путает null и undefined.

6. Практический пример

function processUser(user) {
  // Проверяем, передан ли аргумент (он может быть undefined)
  if (user === undefined) {
    console.log('Аргумент не передан');
    return;
  }
  
  // Проверяем свойство объекта
  if (user.name === undefined) {
    console.log('Пользователь без имени');
  }
}

// Вызов функции
processUser();              // "Аргумент не передан"
processUser({});            // "Пользователь без имени"
processUser({ name: 'Вася' }); // Ничего не выведет

Запомните главное правило: если есть хоть малейший шанс, что переменная не объявлена — используйте typeof. Во всех остальных случаях — строгое === undefined.

const user = {};
// Вместо: if (user && user.profile && user.profile.name)
const name = user?.profile?.name; // undefined, без ошибки

const value = undefined;
const result = value ?? 'значение по умолчанию';
console.log(result); // 'значение по умолчанию'

// Сравните с ||
const falsyValue = 0;
console.log(falsyValue ?? 100);   // 0 (правильно, 0 — корректное значение)
console.log(falsyValue || 100);   // 100 (неправильно, 0 считается falsy)

function getDisplayName(user) {
  return user?.name ?? 'Аноним';
}

console.log(getDisplayName(null));           // 'Аноним'
console.log(getDisplayName({}));             // 'Аноним'
console.log(getDisplayName({ name: 'Петя' })); // 'Петя'