Question

使用ES6类创建一个简单的ORM，我遇到阻塞问题 - 我无法正确复制一个类（就像我在ES5中使用util.extend一样）。

具体来说，这是我试过的：

class BaseModel {

  echo() {
    console.log(this.props);
  }

  static _setProperties(props) {
    this.props = props;
  }

}

function makeModel(props) {

  // Try to copy the Class object
  const Model = 
      Object.assign(Object.create(Object.getPrototypeOf(BaseModel)), BaseModel);

  // Copy my static methods – is there a better way to do this?
  Object.getOwnPropertyNames(BaseModel).forEach((key) => {
    if (!key.startsWith('_')) return;
    Model[key] = BaseModel[key];
  });

  // Configure the new model
  Model._setProperties(props);
  return Model;
}

const GreeterModel = makeModel('hello');
const greeter = new GreeterModel();
greeter.echo(); // Should log hello

我得到的错误是：

TypeError: GreeterModel is not a constructor

有没有办法用ES6课程实现这一目标，还是我必须坚持ES5风格？

可选问题：有没有更好的方法来复制静态方法？ getOwnPropertyNames的解决方案并不理想，因为它还会返回只读属性，例如length。

谢谢！

Answer 1

您的基类存在逻辑错误。 this总是取决于函数的调用方式。通常在构造函数上调用静态函数，即BaseModel._setProperties(...)，在这种情况下this引用BaseModel。然而，实例方法在实例本身上调用，因此this引用实例而不是构造函数。

要使BaseModel工作，您必须使用

echo() {
  console.lof(this.constructor.props);
}

但要回答你的实际问题，你可以简单地扩展课程：

function makeModel(props) {
  class Model extends BaseModel {}
  Model._setProperties(props);
  return Model;
}

请注意，这不是克隆＆＃34;基类，它扩展它。没有合理的方法可以在JavaScript中克隆一个函数（不是最不重要的）。

如何克隆ES6类对象构造函数？

1 个答案: