在 Node.js 中反序列化后将对象与其类重新关联

IT技术 javascript json node.js class serialization
2021-02-21 19:26:40

我正在为一些特定于应用程序的对象编写一个简单的序列化/反序列化框架。

考虑以下:

"use strict";
function Dog(name) { this._name = name; };
Dog.prototype.constructor = Dog;
Dog.prototype.getName = function() { return this._name; }

var d1 = new Dog('fido');
var d2 = JSON.parse(JSON.stringify(d1));  // serialize / deserialize

> d1
Dog { _name: 'fido' }
> d1.getName()
'fido'
> d2
{ _name: 'fido' }
> d2.getName()
TypeError: d2.getName is not a function

在这一点上,我们可以问“这是什么d1d2没有?”

一种部分有效的方法是手动将 d1 的方法分配给 d2:

> d2.constructor = d1.constructor
> d2.getName = d1.getName
> d2.getName()
'fido'

这有几个缺点。首先,我必须手动将 d1 的每个方法分配给 d2。其次,d2 有自己的属性,并且不使用原型机制共享插槽:

> d2
Dog {
   _name: 'fido',
  constructor: [Function: Dog],
  getName: [Function] }

所以我提炼的问题是:给定一个对象(例如d2),有没有办法将它与另一个对象(例如d1的原型相关联,以便它继承相同的行为?

3个回答

Object.create()并且Object.getOwnPropertyDescriptors()是您所需要的。

const obj = JSON.parse(JSON.stringify(d1))
const d3 = Object.create(Dog.prototype, Object.getOwnPropertyDescriptors(obj))

this 和 OP 的方法的区别在于,此方法prototype在原型上设置属性,而 OP 的方法直接在对象上设置属性。当您使用 for-in 循环和hasOwnProperty()方法循环遍历对象自己的属性时,您可以看到这一点

for (const i in d1) {
  if (d3.hasOwnProperty(i)) {
    console.log(i)
  }
}

用我的方法它只输出_name,但用 OP 的方法它也输出getName

不幸的是,它Object.getOwnPropertyDescriptors()是 ECMAScript 2017 的一部分,目前仅在 Firefox 中受支持,因此您需要使用 Babel。


或者,您可以使用Object.setPrototypeOf(). 它比 具有更好的浏览器支持Object.getOwnPropertyDescriptors(),但 MDN 不鼓励它,因为它很慢。

const d3 = JSON.parse(JSON.stringify(d1))
Object.setPrototypeOf(d3, Dog.prototype)
明确的答案 - 谢谢。如果 Object.setPrototypeOf() 太慢,那么在不可用的情况下填充 getOwnPropertyDescriptors 应该很简单。谢谢指导。。。
2021-05-09 19:26:40
感激不尽。这个答案即使在嵌套类上也能很好地工作。但是,只是好奇它是如何引用内部类的?
2021-05-10 19:26:40

在我写这篇文章的时候,我想到了创建一个使用反序列化的 JSON 来初始化对象的自定义构造函数:

Dog.createFromJSON = function(obj) {
  var d = new Dog();
  Object.keys(obj).forEach(function(key) {
    d[key] = obj[key];
  });
  return d;
}

> d3 = Dog.createFromJSON(JSON.parse(JSON.serialize(d1)))
> d3
Dog { _name: 'fido' }
> d3.getName()
'fido'

更新:如何动态查找类并分配原型

正如@Louis 指出的那样,@Gothdo 的回答要求您知道反序列化的对象属于哪个类。如果您愿意将类名添加到序列化对象中,您可以使用它来动态确定类。因此,例如,要扩展 OP 的示例:

> var d1 = new Dog('fido');
> d1['_class'] = 'Dog';
> let jsonString = JSON.stringify(d1)
'{"_name":"fido","_class":"Dog"}'

使用将 JSON 反序列化为 JAVASCRIPT 对象(但针对 Node.js 进行了调整)中描述的技巧,您可以使用字符串通过 Node.js 的global对象获取类原型的句柄

> global[d1['_class']].prototype
Dog { getName: [Function] }

现在您可以使用它来使用@Gothdo 的技术动态重建对象。把它们放在一起:

/**
 * Dynamically create an object from a JSON string of properties.
 * Assumes the presence of a _class meta-property that names the
 * resulting class.
 */
function reconstitute(jsonString) {
    let obj = JSON.parse(jsonString);
    let cls = global[obj['_class']];
    delete obj['_class'];  // remove meta-property
    return Object.setPrototypeOf(obj, cls.prototype);
}

> reconstitute('{"_name":"fido","_class":"Dog"}')
Dog { _name: 'fido' }
所以,阅读你的评论和你的回答,我的老问题:stackoverflow.com/questions/8039534/...不能被标记为重复,首先是因为它比这个问题早 5 年,而且因为两者都在不同的场景中描述。
2021-04-25 19:26:40
global[d1['_class']].prototype允许访问(按设计)所有内容。仅使用它来反序列化受信任的输入,或添加过滤器_class以仅允许反序列化预期的类
2021-04-25 19:26:40

简单方法:就地更改类

如果您确实需要就地更改对象的类,则此函数将适用于具有Object.getPrototypeOfObject.setPrototypeOf定义的任何系统

    // set class of object to `name`
    function setObjectClassName(obj, name) {
      let newObj = eval('new ' + name + '()');
      let proto = Object.getPrototypeOf(newObj);
      Object.setPrototypeOf(obj, proto);
      return obj;
    }

使用JSON.serialize()示例JSON.parse()

    class MyClass extends Object {}
    let original = new MyClass();
    original.foo = "bar";

    console.log(original.constructor.name, original);
    //  MyClass { "foo": 'bar' }

    let originalClassName = original.constructor.name;

    let serialized = JSON.stringify(original);
    console.log(serialized.constructor.name, serialized);
    // String '{"foo":"bar"}'

    let restored = JSON.parse(serialized);
    console.log(restored.constructor.name, restored);
    // Object { foo: 'bar' }

    restored = setObjectClassName(restored, originalClassName);
    console.log(restored.constructor.name, restored);
    // MyClass { foo: 'bar' }

更好的方法:复制对象

Mozilla警告不要更改现有对象的原型,因为它是:

在每个浏览器和 JavaScript 引擎中运行都很慢 - Mozilla

如果您不是绝对需要就地更改,此函数将复制一个对象并更改副本的类:

  function copyObjectAndChangeClass(obj, name) {
    let newObj = eval('new ' + name + '()');
    Object.assign(newObj, obj);
    return newObj;
  }

eval如果输入不是来自受信任的来源,那将是一个巨大的安全漏洞。
2021-04-24 19:26:40