JavaScript：函数是否应该能够使用 Object.create() 创建自身的实例

Question

我的用例如下：我想创建一个生产各种数据传输对象 (DTO) 的工厂。它们必须易于序列化，并且必须有一些额外的方法。

我当前的实现如下所示 (simplified)：

window.Dto = function(type, properties)
{
    var
        self = this,
        values = {},
        object = Object.create(self);

    properties.forEach(function(prop){
        Object.defineProperty(object, prop, {
            get: function() { return values[prop]; },
            set: function(value) { values[prop] = value; },
            enumerable: true
        });
    });

    this.getType = function()
    {
        return type;
    };

    this.doSomeMagic = function()
    {
        // ...
    };

    return object;
};

// creating a DTO of the Transport.Motorized.Car class
var carObject = new Dto("Transport.Motorized.Car", ["vendor", "model", "color", "vmax", "price"]);

（注意：我不想为这些对象中的每一个创建一个显式类，因为它们有很多，并且它们是从服务器端导出的。此外，您在上面看到的 properties 参数是实际上是带有验证约束等的元数据映射）

我在一个创建了 50,000 个此类对象的循环中进行了快速性能检查。 performance.now() 告诉我它花了超过 1 秒的时间——看起来不错，但不是太令人印象深刻。

我的问题主要是：工厂可以从自己的原型创建一个实例（如果我正确理解该代码的作用）并返回它吗？它会有什么副作用？有没有更好的办法？

Answer 1

据我了解工厂函数，它们的全部意义在于不需要创建函数本身的新实例。相反，它只是返回一个新创建的对象。

因此，我不会使用新创建的实例（通过new 运算符）的实例属性（通过this），而是创建一个对象（我们称之为factoryProto）并分配所有“实例”代替该对象的方法。

然后，您可以将factoryProto 用作您的新[[Prototype]] 的object：

window.Dto = function(type, properties) {
    var factoryProto = {
          getType: function() {
            return type;
          },
          doSomeMagic: function() {
              // ...
          }
        },
        values = {},
        object = Object.create(factoryProto);

    properties.forEach(function(prop) {
        Object.defineProperty(object, prop, {
            get: function() { return values[prop]; },
            set: function(value) { values[prop] = value; },
            enumerable: true
        });
    });

    return object;
};

// creating a DTO of the Transport.Motorized.Car class
var carObject = Dto("Transport.Motorized.Car", ["vendor", "model", "color", "vmax", "price"]);

如果您想充分利用原型链，您可以在工厂函数之外定义factoryProto。要跟踪type，您可以将其添加为不可枚举的object 属性：

window.Dto = (function() {
    var factoryProto = {
        getType: function() {
          return this.type;
        },
        doSomeMagic: function() {
            // ...
        }
    };

    return function(type, properties) {
        var values = {},
            object = Object.create(factoryProto);

        properties.forEach(function(prop) {
            Object.defineProperty(object, prop, {
                get: function() { return values[prop]; },
                set: function(value) { values[prop] = value; },
                enumerable: true
            });
        });

        Object.defineProperty(object, 'type', {
          value: type,
          enumerable: false
        });

        return object;
    };
})();

// creating a DTO of the Transport.Motorized.Car class
var carObject = Dto("Transport.Motorized.Car", ["vendor", "model", "color", "vmax", "price"]);