JavaScript объекты как свойство ссылки на объект

Question

Я хочу понять, как объекты работают в JS.

const obj = { inner: { a: 'Hello' } };

const clone = { ...obj };

// obj === clone -> false
// !!! BUT !!!
// obj.inner === clone.inner -> true

clone.inner = { a: 'world' };
// obj === { inner: { a: 'Hello' } }
// clone === { inner: { a: 'World' } }

Есть ли документация по этому поведению? Могу ли я рассчитывать на равенство ссылок на внутренние объекты при создании нового объекта с помощью оператора распространения?

Answer 1

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

const obj = { inner: { a: 'Hello' } };

const clone = { ...obj };


console.log(obj === clone)

console.log(obj.inner === clone.inner)

Answer 2

Мелкое клонирование Если распространяемый в цель элемент является объектом, будет скопирована только ссылка на этот объект. Оператор распространения не будет рекурсивно глубоко клонировать свойства. Кроме того, копируются только собственные перечисляемые свойства.

Это сообщение поможет Ссылка