В чем разница между null и undefined в JavaScript?

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

Обзор значений null и undefined

undefined

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

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

Примеры:

let x;
console.log(x); // undefined

function foo() {}
console.log(foo()); // undefined

let obj = {};
console.log(obj.property); // undefined
    

Во всех вышеуказанных случаях переменные или выражения принимают значение undefined, если программа не предоставила им другое значение.

null

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

Пример:

let y = null;
console.log(y); // null
    

В данном примере переменная y явно получает значение null, что обозначает, что у нее нет ассоциированного объекта.

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

Оба значения возвращают false в контексте условных выражений, что может быть источником путаницы. Однако есть ключевые различия, которые необходимо учитывать:

• undefined часто возникает естественным образом в процессе выполнения программы.
• null обычно устанавливается программистом для явного указания отсутствия объекта или значения.

Пример условного выражения:

if (!x) {
console.log('x имеет ложное значение'); // будет выполнено, если x is undefined или null (и в других ложных значениях)
}

if (y === undefined) {
console.log('у y значение undefined');
}

if (y === null) {
console.log('у y значение null');
}
    

Понимание различий между null и undefined в JavaScript является важной частью освоения языка. undefined чаще появляется автоматически в результате выполнения программы, тогда как null используется для явного указания отсутствия значения. Осознание того, когда и какой тип значения использовать, помогает писать более понятный и корректный код.