Что такое поверхностное копирование объектов?

Поверхностное копирование часто используется в JavaScript, но может приводить к неожиданным эффектам, если не понимать его ограничения.

Определение

Поверхностное копирование (shallow copy) — это копирование, при котором:

• создаётся новый объект

• копируются только значения свойств верхнего уровня

• вложенные объекты и массивы копируются по ссылке

Примеры поверхностного копирования

На практике поверхностное копирование создаётся с помощью:

• Object.assign

• оператора расширения ...

• методов массивов вроде slice

const original = {
  name: 'Alex',
  address: { city: 'London' }
};

const copy = { ...original };

Что происходит в памяти

После копирования:

• original !== copy

• original.address === copy.address

Это означает, что вложенный объект общий для обеих структур.

Когда это нормально

Поверхностное копирование подходит, если:

• объект плоский

• вложенные структуры не изменяются

• используется иммутабельный подход (создание новых вложенных объектов)

Краткий вывод

Поверхностное копирование создаёт новую оболочку объекта, но не дублирует вложенные структуры. Это быстро, но требует осторожности