javascript Object.create 丢失属性

Question

这个问题已经有答案了:

JavaScript - passing an object literal as second arg to Object.create() (2 个回答)

已关闭 4 年前。

我有点迷失和/或太天真了。我想创建一个带有原型(prototype)对象的对象，该对象包含一个函数，该函数将一个值添加到作为属性创建的列表中。

但是Object.create似乎忽略了属性的创建。至少，我是这么想的。

我没有得到什么？

这是一个例子:

const proto = {
  add(s) {
    this.list.push(s);
  }
}
const props = {
  list: []
}
const newObj = Object.create(proto, props);

console.log('newObj', newObj);
// What happendened to the list property?

newObj.add('test');
// due to undefined list-Property
// an error is being thrown

Answer 1

问题在于 properties 对象必须以特定方式格式化。请参阅此处:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create#Syntax

These properties correspond to the second argument of Object.defineProperties().

你可以这样做:

const props = {
  list: {
      value: []
  }
}

这是定义属性的最明确的方式，并且有一些 interesting effects 。但除非您需要如此严厉，否则我建议您这样做:

newObj.list = []