JSON.parse(JSON.stringify(object_with_function)) != object_with_function

Question

所以我有以下代码：

alert(JSON.parse(JSON.stringify({func: function(){alert(1);}})) == {func: function(){alert(1);}});

基本上，我 JSON.parse 一个 JSON.stringify 对象（包含一个函数），结果与原始对象不同（警报时我得到了错误）

这让我陷入了游戏的保存进度功能。

帮助表示赞赏！

编辑： 对不起，不好的例子，试试这个：

alert(JSON.parse(JSON.stringify({func: function(){alert(1);}})).func);

它提醒未定义。

Answer 1

见this question。

JSON.stringify() 将对 JSON 支持的值进行编码。对象与 可以是对象、数组、字符串、数字和布尔值的值。 其他任何内容都将被忽略或抛出错误。函数不是一个 JSON 中支持的实体。 JSON 只处理纯数据，函数是 不是数据，而是具有更复杂语义的行为。

这意味着在带有方法的对象上使用 JSON.parse(JSON.stringify()) 将不等于未字符串化的对象。

Answer 2

因为Object是引用类型，所以JSON.parse(JSON.stringify())返回一个新的Object，而==表达式在比较引用类型的时候会比较它们的地址，所以返回false。

Answer 3

JSON.stringify() 将对 JSON 支持的值进行编码。对象与 可以是对象、数组、字符串、数字和布尔值。 其他任何内容都将被忽略或抛出错误。函数不是一个 JSON 中支持的实体。 JSON 只处理纯数据，函数是 不是数据，而是具有更复杂语义的行为。

所以，基本上你在对对象进行字符串化和解析时需要自己的 reducer 和解析器，可以这样做：

var myObject = {
        num: 50,
        str: 'A string here',
        today: new Date(),
        ar: ['one', 'two', 'three'],
        myFunction: function(val) {
            console.log(val);
        }
    }

    // example replacer function
    function replacer(name, val) {
        // convert RegExp or function to string
        if ( val && val.constructor === Function) {
            return val.toString();
        } else {
            return val; // return as is
        }
    };

    // example replacer function
    function parser(name, val) {
        if ( val && typeof val == "string" && val.startsWith("function")){
            return new Function('return ' + val)();
        } else {
            return val; // return as is
        }
    };
    var jsonObject = JSON.parse(JSON.stringify(myObject, replacer), parser);

    //because of different reference , this will evaluate to false
    console.log(myObject.myFunction == jsonObject.myFunction);
    //true because of same content
    console.log(myObject.myFunction.toString() == jsonObject.myFunction.toString());
    //evaluate same as same function
    console.log(myObject.myFunction(5) == jsonObject.myFunction(5));

Answer 4

我认为你的问题的答案可以证明为：

console.log({} == {});

var example = {};
var test = example;
console.log(example == test);

在第一种情况下，我们正在比较 2 个新的空对象。每个对象在内存中都有自己的分配，因此在比较引用类型时，这就是比较的内容。因此，false 被返回，因为它们不一样。

在第二个示例中，我们将一个新变量 (test) “指向”一个现有对象 (example)。在这里我们看到它返回true，因为这次我们比较的是相同的内存分配。