Javascript JSON.stringify 函数不起作用

Question

我尝试将 JS 对象转换为 JSON。

JSON.stringify({a:1, toJSON: function(){}})

本机 JSON 字符串化未按预期工作。 JSON stringify 在内部执行 JS 对象中的 toJSON 函数。我已经覆盖了本机代码，如下所示，

// Adding try catch for non JSON support browsers.
try{
 _jsonStringify = JSON.stringify;
 JSON.stringify = function(object){
    var fnCopy = object.toJSON; 
    object.toJSON = undefined;
    var result =  _jsonStringify(object);
    object.toJSON = fnCopy;
    return result;      
 };
}catch(e){}

它工作正常。还有其他更好的方法吗？本机代码中是否有任何特定原因在输入对象中执行 toJSON 函数？

Answer 1

这是因为JSON.stringify 将返回toJSON 函数的返回值，如果它存在（Source）。

例如：

JSON.stringify({a:1, toJSON: function(){ return "a"; }});

将返回：

"a"

这种行为是described on MDN。这样做的原因是您可以自定义序列化的行为。例如，假设在此示例中我只想序列化 Animal 类的 ID。我可以做到以下几点：

var Animal = function(id, name) {
    this.AnimalID = id;
    this.Name     = name;
};

Animal.prototype.toJSON = function() {
    return this.AnimalID;
};

var animals = [];

animals.push(new Animal(1, "Giraffe"));
animals.push(new Animal(2, "Kangaroo"));

JSON.stringify(animals); // Outputs [1,2]

如果您不希望这种行为，那么您当前的方法效果很好；但是，我建议不要覆盖 JSON.stringify 的行为，而是将您的方法命名为其他名称。外部库可能正在对象中使用toJSON 函数，这可能会导致意外结果。

Answer 2

原生JSON.stringify 不起作用的原因是它不能对函数进行字符串化。通过将唯一的函数toJSON 设置为未定义，JSON.stringify 会返回正确的值。有关详细信息，请参阅此问题：JSON.stringify function

如果您尝试完全删除函数，您可以这样做：

JSON.stringify(object, function(key, value) {
  if (typeof value === "function") {
    return undefined;
  }
  return value;
});

Answer 3

JSON.stringify 函数通常使用一个参数调用，即您要序列化为 JSON 字符串的对象。我相信还有第二个可选参数，它是一个替换一个或多个属性的序列化方式的函数。

但是，您应该不添加函数作为对象的第二个属性！

在 Chrome 的控制台中尝试以下操作时：

JSON.stringify({a:1,b:'hello'})

这是结果：

"{"a":1,"b":"hello"}"