Как определить, равна ли переменная undefined или null в JavaScript?

Почему ваш код не работает с null

Дело в том, что undefined и null — это два разных типа данных в JavaScript, хотя оба обозначают "отсутствие значения". Оператор == (нестрогое равенство) выполняет приведение типов, и в спецификации языка есть специальное правило: null == undefined возвращает true. Однако в вашем коде вы сравниваете name == undefined, а не name == null. Когда вы передаёте null, JavaScript проверяет: "равно ли null значению undefined?" — и по правилам приведения это true. Но!

Проблема в том, что вы написали name == undefined — это работает для обоих случаев, но только если вы не используете строгий режим или не переопределили глобальную переменную undefined. На практике лучше избегать такого подхода. Вот исправленный вариант:

function greet(name) {
  // Проверяем на null или undefined с помощью строгого равенства
  if (name === null || name === undefined) {
    console.log("Имя не указано");
  } else {
    console.log("Привет, " + name);
  }
}

greet(); // "Имя не указано"
greet(null); // "Имя не указано"
greet("Анна"); // "Привет, Анна"

Лучший способ: оператор == null

Самый краткий и надёжный метод — использовать нестрогое равенство с null:

if (name == null) {
  // name === null или name === undefined
}

Это работает, потому что null == undefined даёт true, а с любым другим значением (0, false, пустая строка) — false. Так вы покрываете оба случая одной строкой.

Разница между undefined и null

• undefined — значение по умолчанию для неинициализированных переменных, отсутствующих свойств объекта, возвращаемое значение функции без return. Это "ещё не назначено".
• null — явное указание "значения нет". Разработчик сам присваивает null, чтобы обнулить переменную или показать, что объект отсутствует.

Дополнительные методы проверки

Иногда нужно различать эти два значения. Например:

// Строгая проверка на undefined
if (typeof name === 'undefined') { ... }

// Строгая проверка на null
if (name === null) { ... }

// Проверка, что переменная определена и не null
if (name != null) { ... } // то же самое, что name !== null && name !== undefined

Важно: Используйте === и !== для строгих сравнений, чтобы избежать неожиданных приведений типов. А для одновременной проверки на null и undefined — == null или === null || === undefined.

function greet(name) {
  const displayName = name ?? "Имя не указано";
  console.log("Привет, " + displayName);
}

greet(); // "Привет, Имя не указано"
greet(null); // "Привет, Имя не указано"
greet("Анна"); // "Привет, Анна"