-1

我有一个混合 KnockoutJS 可观察对象和标准属性的对象：

var original = {
  a: ko.observable("a"),
  b: "b"
};

我想创建一个original没有任何引用的对象的克隆，这样我就可以做到：

var cloned = clone(original);
cloned.a("a cloned");
original.a(); //-> "a" ERROR HERE

original.a("a original");
cloned.a(); //-> "a cloned" ERROR HERE

和

cloned.b = "b cloned";
original.b //-> "b" OK

original.b = "b original";
cloned.b //-> "b cloned" OK

我已经尝试过使用该功能，但它导致 KnockoutJS 可观察属性被复制，而不是克隆：

cloneObj = function(obj){
  if(obj === null || typeof obj !== 'object')
    return obj;

  var temp = obj.constructor(); // Give temp the original obj's constructor
  for (var key in obj) {
    temp[key] = cloneObj(obj[key]);
  }

  return temp;
};

正如您在这个小提琴http://jsfiddle.net/Ep3jY/中看到的那样，问题只发生在 KnockoutJS Observable 属性上，而正常的 JavaScript 属性被正确克隆。

现在我使用一种解决方法来返回带有函数的对象，但这很烦人：

function(){
  return {
    a: ko.observable("a");
  };
}
4

1 回答 1

-1

好的，看来问题出在 KnockoutJS observables 上。我这样解决了：

cloneObj = function(obj){
  if(ko.isWriteableObservable(obj)) 
      return ko.observable(obj()); // This is the trick
  if(obj === null || typeof obj !== 'object') 
      return obj;

  var temp = obj.constructor(); // Give temp the original obj's constructor
  for (var key in obj) {
    temp[key] = cloneObj(obj[key]);
  }

  return temp;
};
于 2012-12-27T13:43:27.200 回答