7

假设我有一个像这样相当嵌套的 JS 对象，我需要对其进行 JSON 编码：

var foo = { 
    "totA": -1,
    "totB": -1,
    "totC": "13,052.00",
    "totHours": 154,
    "groups": [
        {"id": 1,
        "name": "Name A",
        "billingCodes": [
            {"bc": "25", "type": "hours", "hours": "5", "amount": "$25.00"}
        ]}
    ] 
};

如果我使用本机浏览器JSON.stringify（在 Chrome、Firefox、IE9/10 中测试）对其进行 JSON 编码，我会得到一个如下所示的 JSON 字符串（这是我所期望的）：

本机 JSON.stringify JSFiddle 示例

{
    "totA": -1,
    "totB": -1,
    "totC": "13,052.00",
    "totHours": 154,
    "groups": [
        {
            "id": 1,
            "name": "Name A",
            "billingCodes": [
                {
                    "bc": "25",
                    "type": "hours",
                    "hours": "5",
                    "amount": "$25.00"
                }
            ]
        }
    ]
}

如果我尝试在使用PrototypeJS或json2.js的页面上做同样的事情，就会出现奇怪的情况。

在这种情况下，JSON.stringify在同一个对象上返回以下 JSON：

ProtypeJS JSON.stringify JSFiddle 示例

{
    "totA": -1,
    "totB": -1,
    "totC": "13,052.00",
    "totHours": 154,
    "groups": "[{\"id\": 1, \"name\": \"Name A\", \"billingCodes\": [{\"bc\": \"25\", \"type\": \"hours\", \"hours\": \"5\", \"amount\": \"$25.00\"}]}]"
}

显然，上面是一个问题，因为它不会 JSON 解码到最初传递给JSON.stringify.

谁能详细说明发生了什么以及为什么会有这种差异？

我错过了什么？

4

1 回答 1

7

这是因为原生JSON.stringify尊重toJSON方法，而 Prototype 将这些添加到所有地方。不幸的是，native 和 Prototype 似乎以toJSON不同的方式理解：虽然 native 期望它返回一个string，它被用作文字值，但 Prototype 的toJSON返回已经格式化的 JSON 块，它们应该按原样使用。因此出现差异。

这工作正常：

delete Array.prototype.toJSON;
document.getElementById('out').innerHTML += JSON.stringify(foo);

http://jsfiddle.net/Ky3tv/2/

此外，这似乎已在 Prototype 1.7 中得到修复。我猜他们现在在添加他们的toJSON方法之前检查原生 JSON。

于 2013-07-12T15:53:35.787 回答