将ES6类存储在变量中，并通过Object.Create对其进行实例化

Question

我当前需要通过变量将类传递给函数，该函数动态调用其构造函数，依此类推。 简短示例：

class MyClass {
  constructor ($q) {
    console.log($q);
  }

  expose () {
    return {};
  }
}

const myclass = function () {
  // My concern is this ------.
  // I need to pass it        |
  // as a variable           \|/
  //                          '
  let obj = Object.create(MyClass.prototype);
  obj.constructor.apply(obj, arguments);
  return {}; // other stuff goes here
};
myclass.$inject = ['$q'];
export {myclass};

我的想法是将MyClass作为变量传递，以这种方式进行：

const myclass = function (classVariable) {
  let obj = Object.create(classVariable.prototype);
  obj.constructor.apply(obj, arguments);
  return {}; // other stuff goes here
};

这样我就可以像let newclass = myclass(MyClass);这样来称呼它let newclass = myclass(MyClass); 。 这样，如果我有不同的类（MyClass2，MyClass3等），则不必在每个文件中重复代码。 但是，如果我尝试这样做，Chrome会抛出一个错误，提示它不能将类用作变量或类似的东西。

那么，什么是避免重复代码的最佳方法呢？ 实际上，这是我正在进行的重新设计，以避免需要修复的其他人造成的复制粘贴灾难。 提前致谢！

Answer 1

我认为您的困惑是，您认为类构造函数不能被变量引用。 他们可以，只是功能而已。 所以：

 class Foo { message() { console.log("I'm a Foo"); } } class Bar { message() { console.log("I'm a Bar"); } } function test(C) { let obj = new C(); obj.message(); // "I'm a Foo" or "I'm a Bar", depending on // whether Foo or Bar was passed in } test(Foo); test(Bar); 

您的调用var obj = Object.create(X.prototype)后跟X.apply(obj, /*...args here...*/)在ES5和更早版本中可以使用，但是ES2015的类不允许它。 要从它们构造实例， 必须使用new运算符。 这样做的原因与子类化和设置new.target ，因此，如果实例有创建新实例的理由（如Promise所做的那样），则它可以明确地做到这一点。

似乎可以退后一步，但是如果由于某种原因您将构造函数参数作为数组而不是离散项，则可以使用扩展符号使用new ：

let obj = new C(...args);

因此， 如果您需要一个接受类构造函数和参数数组的泛型函数，并且需要使用这些参数返回该类的实例，则它看起来像这样：

function createInstanceOf(C, args) {
    return new C(...args);
}

Answer 2

我相信您正在寻找的是封闭 ：

function makeFactory(constructor) {
  return function(...args) {
    let obj = new constructor(...args);
    return {}; // other stuff goes here
  };
}
const myclass = makeFactory(MyClass);
// then use
myClass().expose() // or whatever you were going to do with it