Kyle Simpsons的OLOO在Object.create之后添加了多个属性

Question

我最近刚刚了解到凯尔辛普森创造的＆＃34; OLOO＆＃34;委托模型（而不是继承），他开始创建对象，并使用类似于下面的代码片段委托属性和函数：

var Foo = {
    init: function(who) {
        this.me = who;
    },
    identify: function() {
        return "I am " + this.me;
    }
};

var Bar = Object.create(Foo);

Bar.speak = function() {
    alert("Hello, " + this.identify() + ".");
};

var b1 = Object.create(Bar);
b1.init("b1");
var b2 = Object.create(Bar);
b2.init("b2");

b1.speak(); // alerts: "Hello, I am b1."
b2.speak(); // alerts: "Hello, I am b2."

在这里，Bar将所有电话委托给＆＃34; init＆＃34;和＆＃34;识别＆＃34;到了＃F;＆＃34; Foo＆＃34;对象，但是在创建Bar之后，我们必须逐行进行并通过以下方式向Bar添加任何其他属性：

Bar.someAdditionalFunc = function(){ /* Do something else for Bar */ };
Bar.someAdditionalProp = { prop: 'Value' };

我的问题是：有没有办法为（可能的）大条预定义（或后定义）所有这些属性而不对每个新属性使用点符号（Bar.PropertyName = ...） ？

例如，我正在考虑做这样的事情：

var BarTemp = {
    someAdditionalFunc: function(){ /* Do something else for Bar */ },
    someAdditionProp: { prop: 'Value' }
};

var Bar = Object.create(Foo, BarTemp);

这正确地创建了Bar对象，其中创建了someAdditionFunc和someAdditionalProp属性，但它们都被设置为＆＃39; undefined＆＃39;。我想这是正确的行为，但我想知道我是否坚持使用jQuery.extend（）或创建另一个子对象，如下所示：

var subObject = {
    someAdditionalFunc: function() {},
    someAdditionalProp: { prop: 'value' }
    // ... all other properties we want to add
}

var Bar = Object.create(Foo);
Bar.otherStuff = subObject; 
// Now I always have to reference those properties by:
//    Bar.otherStuff.someAdditionalFunc
// instead of:
//    Bar.someAdditionalFunc

还是有更简单的方法来实现/思考这个问题吗？

Answer 1

有几个选项可以用更少的步骤完成此操作，但这实际上取决于您的浏览器支持要求。第二个选项也不是特别简单＆＃34;，也是！

Object.setPrototypeOf()（ES6）

因为这是在ES6中，所以如果您使用已知JavaScript引擎的服务器端代码，它实际上只有任何用处，否则您必须进行polyfill。请参阅compatability chart here.

var foo = {
  bar: function() { console.log("bar"); }
}

var baz = {
  someProp: 'a',
  someFunc: function () { console.log("dork"); }
}


Object.setPrototypeOf( baz, foo );
baz.someFunc() // "dork"
baz.bar()      // "bar"

Object.create( proto , propertiesObject )（ES5）

这得到了更广泛的支持，但可能仍然会导致旧版IE的问题。

最重要的是，除了您需要使用property descriptors而不仅仅是属性和值的哈希值之外，您的问题几乎就在那里：

var foo = {
  bar: function() { console.log("bar"); }
}

var b = Object.create( foo, {
  baz: {
    value: function() { console.log("baz") },
    writable: true,      // default: false
    enumerable: true,   // default: false
    configurable: true,  // default: false
  },
  defProps: {
    value: function() { console.log("default"); }
  }
});

b.bar();      // bar
b.baz();      // baz
b.defProps(); // default

for(var prop in b){
 console.log(prop); // baz, bar
}

delete b.defProps;   //typeError
b.defProps = "test"; //typeError

如上面的defProps对象所示，这个问题是对象属性描述符的默认值几乎总是不是你想要的，所以它最终变得非常冗长，甚至更乏味。 / p>