動態變化的原型JavaScript對象

Question

我的最終任務是完全恢復對象使用JSON以前保存。目前JSON只允許恢復數據，但不允許行爲。 possilbe的解決方案是創建一個新的對象（讓我們稱之爲obj）並將數據從JSON-recovered-object複製到obj。但它對我來說並不好看。我問的是，有沒有辦法在JavaScript中動態更改對象原型？

這就是我（用自制的複製方法）目前解決問題：

(this code on JSFiddle)

function Obj() { 
    this.D = "D"; 
    this.E = "E"; 
    this.F = "F"; 

    this.toString = function() { 
     return this.D + " * " + this.E + " * " + this.F; 
    }; 

    this.copy = function (anotherObj) { 
     for (var property in anotherObj) { 
      if (isDef(anotherObj[property]) && isDef(this[property])) { 
       this[property] = anotherObj[property]; 
      } 
     } 
    } 
} 
; 

$(document).ready(function() { 
    var str = $.toJSON(new Obj()); 
    $("#result").append("<p>JSON: " + str + "</p>"); 
    var obj = new Obj(); 
    obj.copy($.parseJSON(str)); 
    $("#result").append("<p>Recovered obj: " + obj.toString() + "</p>"); 
}); 

function isDef(variable) 
{ 
    return typeof variable !== undefined; 
} 

Answer 1

有許多流行的JS庫提供更簡單的方法。

例如，如果你使用jQuery，您可以使用jQuery.extend()方法，而不是你的複製功能，像這樣：

var obj = $.extend(new Obj(), $.parseJSON(str)); 

歧路的jsfiddle here。

編輯：基於從this question的想法，我是能夠得到恢復的對象都嵌套功能好，看到updated jsFiddle。

的核心思想是利用原型代替性能，並確保從JSON（這僅僅是數據）恢復的對象是第一參數$.extend()：

function Obj2() { 
    this.A = "A"; 
} 
Obj2.prototype.toString = function() { 
    return this.A; 
}; 

function Obj() { 
    this.A = new Obj2(); 
    this.D = "D"; 
    this.E = "E"; 
    this.F = "F"; 
} 
Obj.prototype.toString = function() { 
    return this.A.toString() + " * " + this.D + " * " + this.E + " * " + this.F; 
}; 

var str = $.toJSON(new Obj()); 
$("#result").append("<p>JSON: " + str + "</p>"); 
var obj = jQuery.extend($.parseJSON(str), new Obj()); 
$("#result").append("<p>Recovered obj: " + obj.toString() + "</p>");