Javascript：字符串化对象（包括类型函数的成员）

Question

我正在寻找一种跨浏览器将 Javascript 对象序列化（和反序列化）为字符串的解决方案，包括恰好是函数的对象成员。一个典型的对象如下所示：

{
   color: 'red',
   doSomething: function (arg) {
        alert('Do someting called with ' + arg);
   }
}

doSomething() 将只包含局部变量（无需同时序列化调用上下文！）。

JSON.stringify() 将忽略 'doSomething' 成员，因为它是一个函数。我知道 toSource() 方法会做我想做的，但它是 FF 特定的。

Answer 1

您可以将JSON.stringify 与replacer 一起使用，例如：

JSON.stringify({
   color: 'red',
   doSomething: function (arg) {
        alert('Do someting called with ' + arg);
   }
}, function(key, val) {
        return (typeof val === 'function') ? '' + val : val;
});

Answer 2

一种快速而肮脏的方式是这样的：

Object.prototype.toJSON = function() {
  var sobj = {}, i;
  for (i in this) 
    if (this.hasOwnProperty(i))
      sobj[i] = typeof this[i] == 'function' ?
        this[i].toString() : this[i];

 return sobj;

};

显然，这会影响代码中每个对象的序列化，并且可能会使用未过滤的 for in 循环使 naive 代码绊倒。 “正确”的方法是编写一个递归函数，在任何给定对象的所有后代成员上添加 toJSON 函数，处理循环引用等。但是，假设单线程 Javascript（没有 Web Workers），这个方法应该可以工作并且不会产生任何意外的副作用。

必须将类似的函数添加到 Array 的原型中，以通过返回数组而不是对象来覆盖 Object 的。另一种选择是附加一个，让它根据对象自身的性质有选择地返回一个数组或一个对象，但它可能会更慢。

function JSONstringifyWithFuncs(obj) {
  Object.prototype.toJSON = function() {
    var sobj = {}, i;
    for (i in this) 
      if (this.hasOwnProperty(i))
        sobj[i] = typeof this[i] == 'function' ?
          this[i].toString() : this[i];

    return sobj;
  };
  Array.prototype.toJSON = function() {
      var sarr = [], i;
      for (i = 0 ; i < this.length; i++) 
          sarr.push(typeof this[i] == 'function' ? this[i].toString() : this[i]);

      return sarr;
  };

  var str = JSON.stringify(obj);

  delete Object.prototype.toJSON;
  delete Array.prototype.toJSON;

  return str;
}

http://jsbin.com/yerumateno/2/edit

Answer 3

这样的……

(function(o) {
    var s = "";
    for (var x in o) {
        s += x + ": " + o[x] + "\n";
    }
    return s;
})(obj)

注意：这是一个表达式。它返回作为参数传入的对象的字符串表示形式（在我的示例中，我将传递名为 obj 的变量）。

你也可以重写 Object 原型的 toString 方法：

Object.prototype.toString = function() {
    // define what string you want to return when toString is called on objects
}

Answer 4

没有对象本身的帮助是不可能的。例如，你将如何序列化这个表达式的结果？

（功能 （） { 变量 x; 返回 { 获取：函数（）{返回x； }, 设置：函数（y）{返回x = y； } }; })();

如果你只取函数的文本，那么当你反序列化时，x 将引用全局变量，而不是闭包中的一个。此外，如果您的函数在浏览器状态下关闭（例如对 div 的引用），您必须考虑您想要它的含义。

当然，您可以编写自己的特定于单个对象的方法，这些方法对您希望引用其他对象具有的语义进行编码。

Answer 5

JSONfn 插件正是您正在寻找的。​​p>

http://www.eslinstructor.net/jsonfn/

--瓦迪姆