为什么变量仍然包含参考对象消失后的数据

Question

iframe1.map_data=iframe2.map_data 

这是不是将iframe1.map_data设置为对iframe2.map_data的引用？

当新文件加载到iframe2时，为什么iframe1.map_data仍包含数据？

Answer 1

让我们不会得到在这个困惑的iframe。

var obj1 = { 
    a: {test: 123}; 
} 

var obj2 = {}; 
obj2.a = obj1.a; 

// both properties point to the same object. 
obj1.a; // {test:123} 
obj2.a; // {test:123} 

// modify a property of obj1. 
obj1.a = 'abc'; 

// properties point to different objects. 
obj1.a; // 'abc' 
obj2.a; // {test:123} 

这基本上做你在说什么，没有内置页框。

所以属性指向的对象，而不是其他属性。 obj1.a = obj2.a不以任何方式链接属性。它只是将两个属性都设置为指向同一个对象。

如果我稍后将其中一个属性指向另一个对象，它不会更改任何其他属性。

---

但是，如果修改多个属性指向的对象，则可以传播有意义的更改。

var obj1 = { 
    a: {test: 123}; 
} 

var obj2 = {}; 
obj2.a = obj1.a; 

// modify a property of the shared object. 
obj1.a.test = 456; 

// both properties point to the same object. 
obj1.a; // {test:456} 
obj2.a; // {test:456} 

为什么这样改变呢？因为在这种情况下，obj1.a和obj2.a都引用相同的对象，并且该对象已更改。

这次我们修改共享对象。在哪里，我们修改了不共享的对象。

看到区别？

Answer 2

这取决于什么map_data是。如果它是一个对象，那么是的，提供一个参考。如果它像int一样，那么不，它被克隆。

var t = {}, u = {}; 
t.hi = 3; 
u.hi = t.hi; 
t.hi = 4; 
console.log(u.hi); // 3 

t.hi = {x:3}; 
u.hi = t.hi; 
console.log(u.hi) // {x : 3} 
t.hi.x = 2; 
console.log(u.hi) // {x : 2} 

t.hi = 3; 
console.log(u.hi) // {x : 2} 

Answer 3

我假设你在谈论这一点：

// Get references to 2 <iframe> nodes 
var iframes = document.getElementsByTagName('iframe'); 
var iframe1 = iframes[0]; 
var iframe2 = iframes[1]; 

// Create a custom property 
iframe2.map_data = { foo : 'bar' }; 
iframe1.map_data = iframe2.map_data; 
iframe2.src = 'http://microsoft.com'; 

// This won't change, regardless of 
// loading a new document into iframe2 
alert(iframe1.map_data.foo); 

的iframe2 DOM节点仍然是相同的节点装入一个新的文档转化为一个IFRAME即使经过。既然你在它上面创建了map_data属性，它将会持续。将新文档加载到iframe中只是修改了框架的contentWindow.document，而不是表示主文档上的框架的节点。