В чем разница между объектом и примитивом?

Разница между объектом и примитивом

Основные отличия в терминах

В контексте JavaScript, объект (Object) и примитив (Primitive) — это фундаментальные типы данных с критически важными различиями в поведении, хранении и использовании.

1. Определение и типы

Примитивы — это простые, неделимые ("необъектные") значения, представляющие данные на самом низком уровне. В JavaScript к ним относятся 7 типов:

• string
• number
• bigint
• boolean
• undefined
• null
• symbol

let name = 'Alice'; // string
let age = 30;       // number
let isActive = true; // boolean
let uniqueKey = Symbol('id'); // symbol

Объекты (в широком смысле) — это составные, структурированные типы данных, которые могут содержать коллекции свойств (пар ключ: значение) и методы (функции). К ним относятся:

• "Простые" объекты {}
• Массивы []
• Функции (являются объектами)
• Даты, Регулярные выражения и другие встроенные объекты.

let user = { name: 'Bob', age: 25 }; // объект
let colors = ['red', 'green'];       // массив (объект)
function greet() { console.log('Hi!'); } // функция (объект)

2. Хранение в памяти и передача (Семантика копирования)

Это ключевая практическая разница.

• Примитивы хранятся и передаются по значению (by value). При присваивании переменной, содержащей примитив, другой переменной, копируется само значение. Две переменные становятся полностью независимыми.

let a = 10; // Примитив 'number' со значением 10
let b = a;  // Копируется ЗНАЧЕНИЕ 10. Создается новая ячейка памяти для b.

a = 20;     // Изменяем только a
console.log(a); // 20
console.log(b); // 10 — b осталось неизменным

• Объекты хранятся и передаются по ссылке (by reference). Переменная, содержащая объект, хранит не сам объект, а ссылку (адрес в памяти) на него. При присваивании копируется именно эта ссылка, а не содержимое объекта. Обе переменные начинают указывать на один и тот же объект в памяти.

let obj1 = { count: 10 }; // obj1 хранит ССЫЛКУ на объект
let obj2 = obj1;          // Копируется ССЫЛКА. Теперь obj1 и obj2 указывают на один объект.

obj1.count = 20;          // Меняем свойство объекта по ссылке в obj1
console.log(obj1.count);  // 20
console.log(obj2.count);  // 20 — изменение видно и через obj2!

3. Свойства и методы

• Примитивы не являются объектами и изначально не имеют свойств и методов. Однако, когда мы пытаемся обратиться к свойству примитива (например, 'hello'.length), JavaScript автоматически оборачивает его во временный объект-обертку (String, Number, Boolean), выполняет операцию, а затем этот временный объект уничтожается. Это называется "автоупаковка" (autoboxing).

let str = 'test';
console.log(str.length);        // 4. Автоматическое создание временного объекта String
console.log(str.toUpperCase()); // 'TEST'. Метод вызван у временного объекта.

// str снова становится примитивом. У него нельзя создать собственное свойство.
str.customProp = 5;
console.log(str.customProp); // undefined — свойство не сохранилось.

• Объекты изначально могут иметь произвольное количество свойств и методов, которые можно добавлять, изменять и удалять.

let car = { brand: 'Toyota' };
car.year = 2022;         // Добавляем свойство
car.honk = function() {  // Добавляем метод
    console.log('Beep!');
};
delete car.brand;        // Удаляем свойство

4. Сравнение

• Примитивы сравниваются по значению. Два примитива равны, если их значения идентичны.

let x = 5;
let y = 5;
console.log(x === y); // true — значения одинаковые

• Объекты сравниваются по ссылке. Они равны только в том случае, если это один и тот же объект в памяти.

let a = { value: 5 };
let b = { value: 5 };
let c = a;

console.log(a === b); // false! Разные объекты, разные ссылки в памяти.
console.log(a === c); // true. Переменные a и c содержат одну и ту же ссылку.

Краткая сводка для QA Engineer

Почему это важно для тестирования? Понимание этой разницы критично для:

1. Отладки: Поиска причин непредвиденных изменений данных в разных частях приложения (эффект мутации объекта через ссылку).
2. Написания корректных проверок (Assertions): Нельзя ожидать, что два разных объекта с одинаковыми данными будут равны при строгом сравнении (toBe в Jest). Для этого нужно сравнивать их структуру (toEqual).
3. Анализа производительности: Создание множества новых объектов (вместо изменения существующих) может привести к повышенному потреблению памяти (Garbage Collection).
4. Понимания API: Многие методы работы со строками (примитивами) возвращают новую строку, а не изменяют исходную, в отличие от методов массивов (объектов), которые часто меняют массив на месте.