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

Вопрос

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

Профессия

Frontend Developer

Что хочет услышать интервьюер

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

Ключевые тезисы

• undefined — это значение по умолчанию для переменных, которые были объявлены, но не инициализированы.
• null — это явное указание на отсутствие значения, которое может быть присвоено переменной разработчиком.
• typeof undefined возвращает 'undefined', а typeof null возвращает 'object', что является исторической особенностью JavaScript.
• undefined используется для обозначения отсутствия значения в результате выполнения функции или обращения к несуществующему свойству объекта.
• null часто используется для явного сброса значения переменной или указания на отсутствие объекта.

Подробный ответ

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

Практические примеры

Пример 1

Использование `undefined` при объявлении переменной без инициализации. `let x; console.log(x); // Выведет undefined`

Пример 2

Использование `null` для явного сброса значения переменной. `let y = 'some value'; y = null; console.log(y); // Выведет null`

Пример 3

Проверка на `null` и `undefined`. `if (variable === null || variable === undefined) { console.log('Variable is null or undefined'); }`

Частые ошибки

• Типичная ошибка — путаница между null и undefined. Например, ожидание, что typeof null вернет 'null', хотя на самом деле возвращает 'object'.
• Еще одна ошибка — использование == вместо === для сравнения с null или undefined, что может привести к неожиданным результатам из-за приведения типов.

Связанные темы

• Связанная тема — оператор nullish coalescing (??), который возвращает правый операнд, если левый равен null или undefined. Например, let z = x ?? 'default';
• Еще одна связанная тема — логический оператор OR (||), который возвращает правый операнд, если левый является ложным значением, включая null, undefined, 0, false, NaN, и пустую строку.

Follow-up вопросы

Можно ли присвоить переменной значение undefined явно?

Уровень: basic

Да, можно, но это не рекомендуется, так как undefined обычно используется для обозначения отсутствия значения по умолчанию. Лучше использовать null для явного указания на отсутствие значения.

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

Уровень: intermediate

Для проверки можно использовать строгое равенство (===) или оператор ?? (nullish coalescing). Например, if (variable === null || variable === undefined) или const result = variable ?? defaultValue.

Какие проблемы могут возникнуть из-за того, что typeof null возвращает 'object'?

Уровень: intermediate

Это может привести к ошибкам при проверке типа переменной, если ожидается, что переменная должна быть объектом. Например, проверка typeof variable === 'object' вернет true для null, что может быть неожиданным поведением.

Как работает оператор nullish coalescing (??) и чем он отличается от логического OR (||)?

Уровень: advanced

Оператор ?? возвращает правый операнд, если левый равен null или undefined. Логический OR (||) возвращает правый операнд, если левый является falsy значением (например, 0, '', false). Таким образом, ?? более строгий и учитывает только null и undefined.

Какие практические примеры использования null и undefined в реальных проектах?

Уровень: basic

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