7

我已经看到了与此非常相似的问题，但我不能完全确定它们是否得到了明确的回答——也许我有点密集，抱歉。

我想拥有我自己的对象的便利（和清晰），称之为CardboardBox(). 它不包含代码，只包含数据。我想将其写入数据库并稍后再读回，但显然，Object()当它被读回时，它是一种类型。我能想到的要找出它曾经是什么是：

  1. type有一个我设置为 CARDBOARD_BOX的成员变量
  2. 实例化一个新对象CarbardBox()并使用一个函数（在框中）将其属性复制Object()到新CardboardBox()对象

有没有更好的方法来做到这一点？我很确定我可以更改实际类型。

function CardboardBox() { 
  this.type = "CARDBOARD_BOX"
  this.name = "No set";
  this.populate = new function(obj) {
    // populate this object with obj properties 
}

var box = new CarboardBox();  // CarboardBox
box.name = "My Box";
send = JSON.stringyfy(box);   
.
.
.
obj = JSON.parse(send);    // Object

if (obj.type == "CARDBOARD_BOX") {
  savedBox = new CardboardBox();
  savedBox.populate(obj);
}

在此先感谢...史蒂夫

[编辑] 我的测试代码。

function CardboardBox(n) {
  this.name = n;
}

var box = new CardboardBox("My Box");
send = JSON.stringify(box); // JSON CarboardBox()

obj = JSON.parse(send, function fn(obj) { // Object() returned
  log("OB: "+obj.type);
  return obj.type === 'CardboardBox' ? new CardboardBox(obj) : CardboardBox; 
});     
console.log(obj);

输出是：

OB: undefined utils.js:40
OB: undefined utils.js:40
function CardboardBox(n) {
    this.name = n;
}
4

2 回答 2

8

一种可能的解决方案如下：

function CardboardBox(n) {
  if(typeof(n) == 'string') {
    //build from name string
    this.name = n;
  } else {
    //build from object
    this.name = n.name;
  }

  //add in this object's "type" in a place
  //that is unlikely to exist in other JSON strings
  this.__type = 'CardboardBox';
}

var box = new CardboardBox("My Box");
send = JSON.stringify(box), // JSON CarboardBox()
obj = JSON.parse(send, function(key, val) {
  //if this is an object, and is CardboardBox
  if(typeof(val) === 'object' && val.__type === 'CardboardBox')
      return new CardboardBox(val);

  return val;

  //or if your object is in a context (like window), and there are many of
  //them that could be in there, you can do:
  //
  //if(typeof(val) === 'object' && context[val.__type])
  //    return new context[val.__type](val);
});


console.log(obj);

基本上将对象类型存储在您知道以后在解析 json 时查找的位置。如果您有多个对象，则可以在单个范围内实例化第二种 parse 方法可能更合适。这也将解释 JSON 中不是 CarboardBoxs 的对象。

编辑这里是这个方法的一个jsFiddle。

于 2012-10-19T16:42:52.093 回答
1

总的来说，您是对的：Javascript 没有任何内置方法可以序列化普通对象之外的任何内容，因此在反序列化 JSON 时往返不会产生特定的类。因此，您需要自己进行序列化/反序列化，或者使用提供一些支持的库。

对于这个问题，我个人喜欢Backbone.js，因为它可以很好地处理序列化和反序列化。您定义了一个模型类，其中包括一个以序列化形式将其数据保存到服务器的方法，以及一个将其反序列化回模型的方法。这里的关键设计问题是在知道您要反序列化到的模型的情况下执行反序列化：

  • 您要么调用myModel.fetch()以根据模型 ID 从服务器获取数据，要么
  • 您将一堆新数据传递给模型构造函数：new Model(serializedData)，或
  • 您将多个模型的数据数组传递给知道模型类型的集合：new ModelCollection(arrayOfSerializedData)。

Backbone 不做的是处理未知类型的类型转换数据。当我处理完这个问题时，我通常会做一些类似于@Chad 的回应，但使用了中间人；您可以将其视为代理模型或工厂：

var classes = {
    CardboardBox: ...,
    AluminumBox: ...
}

function Deserializer(json) {
    // parse if you're actually dealing with a string
    var data = JSON.parse(json),
        // now look for some custom type flag - you'll need to set this yourself
        type = data.type,
        // class lookup, perhaps with a default
        Cls = classes[type] || DefaultType;
    return new Cls(data);
}

var obj = new Deserializer(send);
obj instanceof CardboardBox; // should work

不过，这仍然依赖于自定义标志来切换类型 - 我不确定有什么办法可以解决这个问题。

于 2012-10-19T16:56:43.413 回答