Начнём с того что такое null

• null - это пустое или несуществующее значение
• null должен быть присвоен

let foo = null;

console.log(foo); // null

А теперь поговорим об undefined

undefined чаще всего означает, что переменная была объявлена, но не определена.

let foo;

console.log(foo); // undefined

Также при поиске несуществующих ключей в объекте мы также получим undefined:

const foo = {};

console.log(foo.bar); // undefined

Общее у null и undefined

В JavaScript всего шесть ложных значений. null и undefined - относятся к ложным. Вот полный список:

• false
• 0 (ноль)
• “” (пустая строка)
• null
• undefined
• NaN (Not A Number)

Любое другое значение в JavaScript считается истинным.

Также в JavaScript есть семь примитивных значений. null и undefined являются примитивными значениями. Вот полный список:

• Boolean
• Null
• Undefined
• Number
• String
• Symbol
• BigInt

Все остальные значения в JavaScript являются объектами (объектами, функциями, массивами и т.д.).

Практические отличия null и undefined

1. При использовании typeof для проверки null он возвращает объект, undefined же возвращает undefined:

let foo = null;
console.log(typeof foo); // object

let bar;
console.log(typeof bar); // undefined

То, что typeof null является объектом это произошло с самого начала JavaScript и это считается ошибкой в исходной реализации JavaScript.

2. В функции с параметрами по умолчанию undefined будет использовать значение по умолчанию, а null - нет:

function sayHi (name = 'Joe') {
  console.log(`Hi, ${name}`);
}

sayHi(); // Hi, Joe
sayHi('Doe'); // Hi, Doe

sayHi(undefined); // Hi, Joe
sayHi(null); // Hi, null

Тоже самое касается и объектов при установке значений по умолчании в момент деструктуризации:

const { foo = 1 } = { foo: undefined }
const { bar = 1 } = { bar: null }

console.log(foo) // 1
console.log(bar) // null

3. JSON может обрабатывать только null, но не undefined:

const foo = JSON.stringify(null) // "null"
JSON.parse(foo) // null
JSON.parse(null) // null


const bar = JSON.stringify(undefined) // undefined
JSON.parse(bar) // Uncaught SyntaxError: Unexpected token u in JSON at position 0
JSON.parse(undefined) // Uncaught SyntaxError: Unexpected token u in JSON at position 0

Подведём итоги:

• null - это присвоенное значение. Оно означает пустое значение.
• undefined означает, что переменная была объявлена, но еще не определена.
• null и undefined - ложные значения.
• null и undefined являются примитивами.
• typof null является объектом и это ошибка JavaScript
• в функции и объекте значение по умолчанию с undefined будет использовать значение, а null - нет.
• JSON может обрабатывать только null, но не undefined