大約在JavaScript

Question

克隆簡單的問題我有一個點

function Point(x, y) { 
    this.x = x; 
    this.y = y; 
}; 

正如你看到的，這是不能改變的。所以，我可以改變它的屬性，像

var p = new Point(2, 3); 
p.x = 6; 

我要添加克隆方法，以便預期的行爲將是

var p1 = new Point(2, 3); 
var p2 = p1.clone(); 
p1.x = 6; 

assert p1 != p2;  //first assertion. pseudocode. 
assert p2.x == 2; //second assertion. pseudocode. 

爲了實現clone()我在接下來的方式

function Point(x, y) { 
    this.x = x; 
    this.y = y; 
    this.clone = function() { 
     function TrickyConstructor() { 
     } 
     TrickyConstructor.prototype = this; 
     return new TrickyConstructor(); 
    }; 
}; 

改寫點但是第二個斷言在我的實現中失敗了。我應該如何重新實現它？

Answer 1

如果屬性僅x和y，我這樣做：

function Point(x, y) { 
    this.x = x; 
    this.y = y; 
}; 

Point.prototype.clone = function() { 
    return new Point(this.x, this.y); 
} 

注意，我附上clone方法Point.prototype。這是很重要的一個方法的工作：

如果沒有，你就必須創建一個新的實例，也許所有屬性複製到新的實例：

Point.prototype.clone = function() { 
    var clone = new Point(this.x, this.y); 
    for(var prop in this) { 
     if(this.hasOwnProperty(prop)) { 
      clone[prop] = this[prop]; 
     } 
    } 
    return clone; 
} 

，但這將不深拷貝屬性。這隻適用於原始值。

如果你真的想要深層複製屬性，這可以變得更加複雜。幸運的是，這已經問過：How to Deep clone in javascript

---

解釋爲什麼你的克隆方法不起作用：

的p2原型鏈將是這樣的：

+-----------+  +-----------+ 
|Instance p2|  |Instance p1| 
|   |----->|x=2  | 
|   |  |y=3  | 
+-----------+  +-----------+ 

所以如果你設置了p1.x = 6它將是：

+-----------+  +-----------+ 
|Instance p2|  |Instance p1| 
|   |----->|x=6  | 
|   |  |y=3  | 
+-----------+  +-----------+ 

只要p2沒有自己的x或y屬性，他們將始終指的是原型爲p1的原型。

Answer 2

function Point(x, y) { 
    this.x = x; 
    this.y = y; 
    this.clone = function() { 
     var newPoint = {}; 
     for (var key in this) { 
      newPoint[key] = this[key]; 
     } 
     return newPoint; 
    }; 
}; 

實施例：http://jsfiddle.net/HPtmk/

[如何深以JavaScript克隆]的