Question

在JavaScript中是否可以创建一个新的ES6类实例，该实例可以直接在构造函数中访问现有对象的属性？

我有一个ES5课程：

function ES5() {
    this.value = 123;
}

我需要能够创建一个ES6类实例：

class ES6 {
    constructor() {
        console.log(this.value); /* must print 123 */
    }
}

可以从构造函数内部访问ES5类属性。

基本上，我想要类似的东西：

Object.create(ES6.prototype, new ES5());

尽管我知道这段代码不起作用。但是有办法使这种逻辑起作用吗？

我有一个库，该库接受用于创建新对象的函数，并且我添加了一种方法来检查它是否为ES6类，并使用new操作数以不同的方式对其进行初始化，同时提供自己的现有方法该类的对象。

注意：：这也意味着类ES6不知道ES5类的存在，只知道其属性。或者换句话说，类ES6需要自动获取属性value，它无法自我修补。

更多详细信息

我的库在内部执行new ES5()，而类ES6在客户端声明。因此，它们独立地共存。当客户端在ES6类中传递给我时，我需要以使其认为扩展了ES5类的方式实例化它，即可以访问额外的属性。

function createClass(func) {
  if(/* func is an ES6 class*/) {
      var a = new ES5();
      return /* new ES6 instance that has access to ES5 object properties */
  } else {
      return new ES5();
  }
}

Answer 1

您可以将类的原型设置为ES5实例。这会将实例和ES5函数放入原型链：

function ES5() {
    this.value = 123;
}

class ES6 {
    constructor() {
        console.log(this.value); /* must print 123 */
    }
}
let e5 = new ES5()

Object.setPrototypeOf(ES6.prototype, e5)
let e6 = new ES6

// ES5 now in the prototype chain of e6
console.log("instance of ES5:", e6 instanceof ES5)
console.log("instance of ES6:", e6 instanceof ES6)

// they are linked by prototype (not sure if that's good or bad for your use):
console.log("es6 value: ", e6.value)
e5.value = "newValue"
console.log("es6 value: ", e6.value)

来自现有对象的新ES6类实例

1 个答案: