Как работает литеральное назначение и ссылка объекта Javascript?
У меня простой вопрос
let obj1 = {};
obj2= obj1;`
Здесь obj1 и obj2 ссылаются на один и тот же объект в памяти, то есть obj1===obj2 --> true. Таким образом, по этой логике любая операция над obj2 повлияет на obj1.
Теперь, если я назначу свойство obj2
let obj1 = {};
obj2 = obj1;
obj2['a'] = {};
obj2 = obj2['a']; // why this operation didn't change obj1, if they are referencing the same object ?
console.info(obj1); // -- > { a: {} };
console.info(obj2); // -- > {};теперь obj1===obj2 --> false почему это ?
Также как получилось obj2 = {} is different then obj2 = obj2['a'] ?
Скриншот для пояснения себя
Заранее благодарны за Вашу помощь.
Потому что, когда вы делаете obj2 = obj2[a], вы переназначаете имя идентификатора obj2 на совершенно новое значение, а не просто добавляете свойство.
для объекта.. равенство определяет, на что он указывает.. на другие вещи, такие как строки или числа.. это просто значения
Спасибо @Aplet123 Это тот случай, когда obj2 = {}. Однако, если мы делаем obj2['b'] = {}; obj2 = obj2['b']; , это также изменяет obj1 на {'a':{'b':{}}}. Эта часть меня смущает.
obj2.b = {} не переназначает obj2, он присваивает значение свойству obj2, то есть оно по-прежнему указывает на obj1, то есть изменения будут отражены в obj1. obj2 = obj2.b не имеет значения.
@niraj Почему тебя это смущает? После obj2.a = {}; obj2 = obj2.a;obj1 указывает на тот же объект, что и раньше. obj2 нет; он указывает на свойство a объекта, на который указывает obj1. obj1 === obj2.a. Затем, если вы добавите свойство b к obj2, вы просто вложите другое свойство в obj2. Поскольку obj1 по-прежнему указывает на «корневой» объект, естественно, он отражает все изменения.
@niraj Прохождение этой визуализации также может помочь прояснить некоторые вещи
Вы путаете назначение переменной с назначением свойства объекта.
@NickParsons Это очень полезно. Большое спасибо!!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
obj2 — это объект, obj2[a] — другой объект. Результат сравнения двух объектов ложный.
{} === {} // false
Для объектов оператор присваивания = присваивает ссылку на объект.
Итак, в:
let obj1 = {};
let obj2 = obj1;
оба obj1 и obj2 ссылаются на один и тот же объект. Сейчас:
obj2['a'] = {};
создает новое свойство a и присваивает ему значение, являющееся ссылкой на новый объект. Поскольку и obj1, и obj2 ссылаются на один и тот же объект, вы также найдете:
obj2.a === obj1.a
Но потом:
obj2 = obj2['a']; // why this operation didn't change obj1, if they are referencing the same object ?
Теперь вы присвоили obj2 другой объект, поэтому теперь он ссылается на новый объект, изначально назначенный obj2.a, и:
obj1.a === obj2;
Таким образом, obj1 был изменен (или, точнее, объект, на который ссылается obj1, был изменен).
Некоторый код:
// obj1 and obj2 reference the same object
let obj1 = {};
let obj2 = obj1;
console.info('obj2 === obj1 ' + (obj2 === obj1)); // true
// Assign new object to obj2.a
obj2['a'] = {};
// Affects obj1
console.info('obj2.a === obj1.a ' + (obj2.a === obj1.a)); // true
// Assign new object to obj2
obj2 = obj2['a'];
// obj2 now references a different object to obj1
console.info('obj1 === obj2 ' + (obj1 === obj2)); // false
// obj1.a still references new object
console.info('obj1.a === obj2 ' + (obj1.a === obj2)); // true
obj2 = obj2.aпереназначаетobj2, чтобы он больше не указывал наobj1.