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

Question

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

YeaHub · Accepted Answer

Поверхностное копирование часто используется в JavaScript, но может приводить к неожиданным эффектам, если не понимать его ограничения.ОпределениеПоверхностное копирование (shallow copy) — это копирование, при котором:создаётся новый объекткопируются только значения свойств верхнего уровнявложенные объекты и массивы копируются по ссылкеПримеры поверхностного копированияНа практике поверхностное копирование создаётся с помощью:Object.assignоператора расширения ...методов массивов вроде sliceconst original = {
  name: 'Alex',
  address: { city: 'London' }
};

const copy = { ...original };
Что происходит в памятиПосле копирования:original !== copyoriginal.address === copy.addressЭто означает, что вложенный объект общий для обеих структур.Когда это нормальноПоверхностное копирование подходит, если:объект плоскийвложенные структуры не изменяютсяиспользуется иммутабельный подход (создание новых вложенных объектов)Краткий выводПоверхностное копирование создаёт новую оболочку объекта, но не дублирует вложенные структуры. Это быстро, но требует осторожности