JSON.parse() 破坏对象函数

Question

我有对象用 JSON.stringify() 'stringify'd，然后用 localstorage.setItem() 保存，然后用 localstorage.getItem() 检索，然后用 JSON.parse() 解析，最后被返回到程序中使用的对象数组中。这是我的代码：

var exampleObjects = [];

function objectExample() {
    this.exampleFunction = function() {
            return this.otherObjectCreatedElsewhere.value;
    }
    this.otherObjectCreatedElsewhere;
}

function main() {
    exampleObjects[ 0 ] = new objectExample();
    exampleObjects[ 0 ].otherObjectCreatedElsewhere = otherObjectCreatedElsewhere;
    exampleObjects[ 0 ].exampleFunction(); //Works
    var save0 = JSON.stringify( exampleObjects[ 0 ] );
    localstorage.setItem( 'key', save0 );
    save0 = localstorage.getItem( 'key' );
    exampleObjects[ 0 ] = JSON.parse( save0 );
    exampleObjects[ 0 ].exampleFunction(); //No longer works, instead throws error exampleObjects[ 0 ].exampleFunction is not a function
}

main();

现在我已经使用 reviver 方法查找了 JSON.parse，但我终生无法弄清楚。我没有上过学，这只是我的一个爱好，但我已经培养了几年了。我真的很喜欢它，但这样的时刻令人沮丧。

编辑

我已经通过 cloudfeet 的宝贵建议解决了这个问题。基本上我从保存的 JSON 字符串中取出对象，然后将它们解析为对象，然后创建一个新对象并重新分配所有丰富的属性。

再次感谢！

Answer 1

JSON 不是 JavaScript。它使用 JavaScript 语法的有限子集，但它可以编码的唯一数据类型是：

• 空
• 布尔值
• 号码
• 字符串
• 对象：从字符串映射到任何类型
• 数组：值列表

（见http://json.org/）

JSON 不能够序列化函数。任何函数都将被省略（如undefined），原型将被销毁等。

所以：您需要做的是从丰富的对象（使用方法等）转换为 JSON，然后能够再次转换回来。

---

编辑：一个粗略的例子：

function MyObj(name, age) {
    this.name = name;
    this.age = age;
    this.hello = function () {
        alert('Hello, ' + this.name + '!');
    };
}

当你序列化这个时，你会得到{"name": "Sarah", "age": 38} - 没有"hello" 条目。

所以，要解码，你需要解压：

var array = JSON.parse(savedString); // Plain JSON
for (var i = 0; i < array.length; i++) {
    var plainObj = array[i];
    var richObj = new MyObj(plainObj.name, plainObj.age); // reconstruct
    array[i] = richObj;
}

这是一种简单的方法，解码逻辑是硬编码的——有一些方法可以让它更漂亮，比如JSON.stringify()和JSON.parse()的第二个参数，以及.toJSON()方法，但大致相同事物，组织方式不同。