Переменная, влияющая на ее родительскую переменную

Question

Название может показаться странным, , но я действительно не знаю, как описать эту ситуацию, поскольку я новичок в JavaScript.

Вот код:

a={}; 
var b=a; 
b['a']='x'; 
console.log(a); 

результат будет:

Object { a="x"} 

не должна быть пустой объект, потому что я установить «х» в переменную б только?

Answer 1

a содержит ссылку на объект, например:

+-----+  +--------------+ 
| a |------->| (the object) | 
+-----+  +--------------+

Так что, когда вы делаете:

var b = a; 

Теперь у вас есть две переменные, относящиеся к же объекта ,

+-----+ 
| a |---+ 
+-----+ | +--------------+ 
      +--->| (the object) | 
+-----+ | +--------------+ 
| b |---+ 
+-----+

Поэтому, естественно, любые изменения, внесенные в этот объект (добавив свойство к нему, в вашем случае) видны через обе ссылки.

Answer 2

b является ссылкой на a, так что это нормальное поведение. Чтобы избежать этого, вам нужно сделать клон. Например, используя фреймворк jQuery, вы можете просто выполнить: var b = $.extend(true, {}, a};