Question

我有一个混合的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");
  };
}

Answer 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;
};

具有KnockoutJS可观察属性的JavaScript克隆对象

1 个答案: