将JSON转换为JavaScript对象类型X

Question

我知道所有关于JSON.stringify或JSON.parse的含义，即一个序列化一个对象并将一个字符串反序列化为一个对象。这很棒！

不过，我有以下情况：

var i = new MyMagicalObject(); 
var oi = JSON.parse(JSON.stringify(i)); 
console.log(i.numFields()); // this is fine 
console.log(oi.numFields()); // this throws since Object has no method 'numFields' 

基本上，我想对待OI为“MyMagicalObject”的一个实例，因为这是它是什么。

我确定在oi或其他设置原型上有一些魔力，但我对JavaScript很陌生。任何帮助，将不胜感激。

Answer 1

你的问题可以通过重新设计MyMagicalObject类迎刃而解。这里是JSON友好类的例子：

function MyMagicalObject(props) { 
    this.props = props || {}; 
} 

MyMagicalObject.prototype.get = function(key) { 
    return this.props[key]; 
}; 

MyMagicalObject.prototype.set = function(key, val) { 
    this.props[key] = val; 
    return this; 
}; 

MyMagicalObject.prototype.toJSON = function() { 
    return this.props; 
}; 

MyMagicalObject.prototype.numFields = function() { 
    return Object.keys(this.props).length; 
}; 

这实现如下两条规则：

1. 它的构造函数接受JSON表示作为第一个参数。
2. 它提供toJSON方法来告诉JS引擎如何将其实例转换为JSON。

检查下面的例子：

var obj = new MyMagicalObject(); 
obj.set('foo', 42).set('bar', 'baz'); 
alert(obj.numFields()); // 2 

var str = JSON.stringify(obj); 

var obj2 = new MyMagicalObject(JSON.parse(str)); 
alert(obj2.numFields()); // 2 

Answer 2

您可以创建一个新的MyMagicalObject()，然后用oi中的一个覆盖它的属性。

var t = new MyMagicalObject(); 
for(var k in oi) t[k]=oi[k]; 

这应该做的伎俩。如果您有更复杂的对象（具有多个维度），请搜索复制所有属性的复制功能。

Answer 3

你不能用JSON字符串“存储”JavaScript函数。

可以存储在JSON唯一数据类型是：

• 数
• 字符串
• 布尔
• 阵列
• 对象
• 空

(source)

任何不为这些类型之一，被忽略：

function Test(){ 
 
    this.foo = function(){ 
 
     return 'bar'; 
 
    } 
 
    this.theAnswer = '42'; 
 
} 
 
var t = new Test(); 
 
alert(t.foo()); 
 
alert(JSON.stringify(t))

Answer 4

行之后添加oi.prototype = MyMagicalObject.prototype; 3.

或

创建新对象并复制特性：

var oi2 = new MyMagicalObject(); 
for (var p in oi) { 
    if (oi.hasOwnProperty(p)) { 
     oi2[p] = oi[p] 
    } 
} 
console.log(oi2.numFields());