Что произойдёт с переменной, содержащей объект, если перезаписать другую переменную, которая на него ссылается?

Как работают ссылки на объекты в JavaScript

В JavaScript объекты (включая массивы и функции) передаются по ссылке. Это означает, что переменная, которой присвоен объект, хранит не сам объект, а адрес в памяти, где этот объект находится. Когда вы присваиваете одну переменную другой, копируется именно эта ссылка, а не сам объект.

Пример с перезаписью

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

let obj1 = { name: 'Alice' };
let obj2 = obj1; // obj2 теперь ссылается на тот же объект

obj2 = { name: 'Bob' }; // obj2 теперь указывает на новый объект

console.log(obj1.name); // 'Alice' - исходный объект не изменился
console.log(obj2.name); // 'Bob' - новая ссылка

В этом примере obj2 был перезаписан новым объектом, поэтому связь с исходным объектом разорвана. obj1 остался неизменным.

Отличие от мутации

Важно не путать перезапись ссылки с изменением самого объекта (мутацией). Если бы мы изменили свойство объекта через одну из ссылок, это затронуло бы и другую ссылку:

let obj1 = { name: 'Alice' };
let obj2 = obj1;

obj2.name = 'Bob'; // мутация объекта через ссылку

console.log(obj1.name); // 'Bob' - объект изменился для обеих ссылок
console.log(obj2.name); // 'Bob'

Где это применяется

Понимание ссылок критично при работе с функциями, передачей аргументов, копировании объектов и управлении состоянием в приложениях (например, в React или Redux). Неправильное обращение может привести к неожиданным побочным эффектам.

Вывод

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