В JavaScript переменные могут быть в различных состояниях, и важно понимать, чем отличаются три ключевых понятия: null, undefined и undeclared. Эти термины часто вызывают путаницу у новичков, поэтому давайте разберем, что каждое из них означает и как их правильно использовать.

1. null

null — это примитивное значение, которое используется для явного обозначения отсутствия значения. Это значение задается программистом вручную и указывает на то, что переменная существует, но не имеет значения.

Особенности:

Тип: null имеет тип object (это историческая ошибка в языке, но такова спецификация).
Применение: Обычно используется для инициализации переменной, которая в будущем будет содержать объект, но в данный момент не имеет значения.
Сравнение: null не равно undefined.

Пример:

let user = null;  // Переменная user существует, но не имеет значения.
console.log(user);  // null
console.log(typeof user);  // object

2. undefined

undefined — это значение, которое присваивается переменной по умолчанию, если она объявлена, но не инициализирована. Также это значение возвращается функцией, если она не явно ничего не возвращает.

Особенности:

Тип: undefined имеет тип undefined.
Применение: Это значение автоматически присваивается переменной, если она была объявлена, но не инициализирована. Также это значение возвращается, если функция не возвращает результат.
Сравнение: undefined не равно null, но оба являются "пустыми" значениями в JavaScript.

Пример:

let user;  // Переменная объявлена, но не инициализирована.
console.log(user);  // undefined
console.log(typeof user);  // undefined

function greet() {
  // Функция ничего не возвращает.
}
console.log(greet());  // undefined

3. undeclared (необъявленная переменная)

undeclared означает, что переменная не была объявлена в коде. В отличие от null и undefined, такой переменной вообще не существует в текущем контексте.

Особенности:

Ошибка: Если вы попытаетесь получить доступ к необъявленной переменной, JavaScript выбросит ошибку ReferenceError.
Применение: Такая ошибка возникает, если вы пытаетесь использовать переменную, которая не была предварительно объявлена с помощью let, const или var.

Пример:

console.log(user);  // Ошибка: ReferenceError: user is not defined

Важно: `undeclared` отличается от `undefined`. Когда переменная объявлена, но не инициализирована, она будет иметь значение `undefined`, а не будет необъявленной.

Основные различия:

Характеристика	null	undefined	undeclared
Тип	`object`	`undefined`	Ошибка `ReferenceError`
Присваивается ли явно?	Да	Нет (по умолчанию для необъявленных переменных)	Нет (переменная не существует)
Когда используется	Когда переменная существует, но не имеет значения	Когда переменная объявлена, но не инициализирована, или когда функция не возвращает значения	Когда переменная не была объявлена вовсе
Пример	`let x = null;`	`let x; console.log(x);`	`console.log(x);`

Заключение

null — это явно заданное значение, которое обозначает отсутствие значения.
undefined — это автоматическое значение, присваиваемое переменной, если она объявлена, но не инициализирована.
undeclared — это ситуация, когда переменная вообще не была объявлена в коде, и попытка её использования приводит к ошибке.