Чем отличаются null и undefined в JavaScript и когда их использовать?

Главное отличие: undefined — "ещё нет значения", null — "значение намеренно отсутствует"

В JavaScript undefined и null — это два разных примитивных типа данных, которые обозначают отсутствие значения, но с разной семантикой.

Когда возникает undefined

undefined — это значение по умолчанию, которое JavaScript присваивает автоматически в следующих ситуациях:

• Переменная объявлена, но ей не присвоено значение
• Функция не возвращает явно значение
• Обращение к несуществующему свойству объекта
• Аргумент функции не передан при вызове

// 1. Неинициализированная переменная
let name;
console.log(name); // undefined

// 2. Функция без return
function doNothing() {}
console.log(doNothing()); // undefined

// 3. Несуществующее свойство
const user = { age: 25 };
console.log(user.name); // undefined

// 4. Пропущенный аргумент
function greet(name) {
  console.log(`Hello, ${name}`);
}
greet(); // Hello, undefined

Когда используется null

null — это значение, которое разработчик присваивает намеренно, чтобы показать: "здесь должно быть значение, но сейчас его нет". Это осознанный выбор программиста.

// Явное указание на отсутствие значения
let selectedUser = null; // Пользователь не выбран

// Сброс значения
let data = fetchData();
data = null; // Явно очищаем данные

// Проверка на null после получения данных
function findUser(id) {
  // Если пользователь не найден, возвращаем null
  return userExists ? user : null;
}

Сравнение null и undefined

Нестрогое сравнение (==) считает их равными из-за исторических причин (специальное правило в спецификации). Строгое сравнение (===) показывает их различие, так как это разные типы:

console.log(typeof null);      // "object" (историческая ошибка JS)
console.log(typeof undefined);  // "undefined"

console.log(null == undefined);  // true (нестрогое сравнение)
console.log(null === undefined); // false (разные типы)

Практические рекомендации

• Никогда не присваивайте undefined вручную — используйте null для явного указания отсутствия значения
• Проверяйте наличие значения с помощью строгого сравнения: if (value === null) или if (value === undefined)
• Для проверки на "пустое значение" используйте if (value == null) — это поймает и null, и undefined
• В функциях возвращайте null для обозначения "ничего не найдено", а не undefined

// Хорошая практика
function getConfig(key) {
  const config = loadConfig();
  return config[key] ?? null; // Если ключа нет — вернём null
}

// Плохая практика
function getConfig(key) {
  const config = loadConfig();
  return config[key]; // Может вернуть undefined
}

Итог

undefined — это "значение ещё не определено" (системное). null — это "значение намеренно отсутствует" (программистское). Используйте null в своём коде, а undefined оставьте JavaScript для автоматических ситуаций.

// Оператор ?? работает только с null/undefined
const value = null ?? 'default';
console.log(value); // "default"

const value2 = 0 ?? 'default';
console.log(value2); // 0 (0 — не null и не undefined)

// Сравните с ||
const value3 = 0 || 'default';
console.log(value3); // "default" (0 — falsy)

const user = { profile: null };
console.log(user?.profile?.name ?? 'Аноним'); // "Аноним"