Назначение объектов в Javascript: мелкая или глубокая копия?

Question

Я хочу знать, делает ли javascript мелкую или глубокую копию при копировании объектов.

const a = ['value1', 'value2']; 
const b = ['value3', 'value4']; 
const new_ab = [a, b]; 

new_ab собираются новые выделенные значения или ссылки? Если это глубокая копия, как я могу заставить ее проглотить? Благодарю.

Answer 1

Как указано в комментариях, JavaScript работает исключительно на ссылках, единственным исключением является то, что примитивные значения хранятся в стеке, и поэтому программа не требует ссылки для доступа к ним. В вашем примере все объявления переменных создают новые значения - каждый экземпляр массива - однако то, что возвращается из объявления массива, является ссылкой, а не самим массивом. Например, [1, 2] - это массив значений (целые числа), но [a, b] - это массив ссылок.

So ... ничего не скопировано. Мы можем продемонстрировать это, поместив объект в качестве элемента массива и проверив, что ранее назначенное свойство все еще доступно через новый «родительский» массив.

(И ответить на ваш вопрос в комментариях, да, ваш пример является более производительным, чем если бы вы (или JavaScript) должны были скопировать значения.)

'use strict'; 
 

 
const arrayOne = []; 
 

 
arrayOne.someProperty = "This string is a property of `arrayOne`, " + 
 
         "accessed via the reference to it in `arrayTwo`." 
 

 
const arrayTwo = [arrayOne]; 
 

 
span.innerHTML = arrayTwo[0].someProperty;

<span id="span"></span>