Как JavaScript работает с примитивами и объектами и чем различается их поведение?

Как JavaScript работает с примитивами и объектами и чем различается их поведение?

• Примитивные значения хранятся по значению: string, number, boolean, null, undefined, symbol и bigint
• При присваивании или передаче примитива копируется его значение
• Объекты (Array, Function, Object) хранятся по ссылке
• При присваивании или передаче объекта копируется именно ссылка, а не объект целиком
• Поэтому изменения объекта, выполненные через одну ссылку, видны через все остальные ссылки
• Примитивы неизменяемы: любая операция формирует новое значение
• Это отражается на передаче аргументов в функции: примитивы передаются по значению, а объекты — по ссылке
• Ключевое отличие связано с мутабельностью и способом копирования

Если нужна более детальная, развернутая версия, сообщите.

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

Основной ответ

В JavaScript все данные относятся к одной из двух категорий: примитивы или объекты. К примитивам относятся string, number, boolean, null, undefined, symbol и bigint. При присваивании и передаче в функцию они копируются по значению, то есть создаётся независимая копия значения. Объекты представляют собой составные структуры, например Object, Array и Function, и передаются по ссылке (точнее, по ссылке на объект в памяти).

Если переменная с примитивом присваивается другой переменной, значения становятся независимыми: изменение одного не затронет другое. В случае объекта переменная содержит указатель на него, поэтому копирование переменной дублирует ссылку, а не сам объект. Изменения объекта становятся видны через все переменные, ссылающиеся на него.

Ключевые моменты

• Передача по значению и по ссылке: примитивы всегда копируются (например, let a = 5; let b = a; — это другая копия), тогда как при передаче объекта по ссылке (let obj1 = {x:1}; let obj2 = obj1;) обе переменные обращаются к одному объекту.
• Мутируемость: свойства объектов можно изменять без создания нового объекта. Примитивы иммутабельны: например, существующую строку изменить нельзя — вместо этого создаётся новая строка.
• Автоупаковка примитивов: когда на примитиве вызывается метод (например, "abc".toUpperCase()), JavaScript на короткое время создаёт соответствующий объект-обёртку (String object), выполняет вызов, а затем удаляет эту обёртку.

Практический контекст

Это различие особенно важно при передаче данных в функции, если данные могут изменяться. Так, изменение объекта внутри функции затронет внешнюю переменную, тогда как изменение примитива — нет. В React 18+ и других фреймворках для оптимизации рендера часто применяют immutability, поэтому при работе с объектами и примитивами необходимо учитывать их различия.