Memory Heap: где хранятся объекты

Когда программа создаёт объект { hp: 100 }, его данные нужно где-то хранить. V8 использует для хранения объектов область памяти, которую называют heap.

Рассмотрим, как создаётся объект и появляется вторая ссылка:

const player = { hp: 100 };
const target = player;
target.hp = 80;
// player.hp is also 80

1. const player = { hp: 100 } создаёт объект игрока. На интерактивной схеме V8 выделяет для него память в куче и сохраняет там свойство hp. Переменная player получает ссылку на этот объект.
2. const target = player читает значение player и присваивает его target. Так копируется ссылка: обе переменные теперь позволяют обратиться к тому же объекту. Второй объект не создаётся.
3. target.hp = 80 обращается по ссылке к объекту и изменяет его свойство hp. Сами ссылки не меняются. Поэтому player.hp тоже становится равно 80.

На схеме показаны связи между переменными и объектом. Реальное размещение данных в памяти определяет движок. Ниже выполним пример по строкам: объект, ссылки и значения свойств будут появляться по мере выполнения.