首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >来自现有对象的新ES6类实例

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

Stack Overflow用户
提问于 2018-08-24 21:46:45
回答 1查看 719关注 0票数 0

在JavaScript中可以创建一个新的ES6类实例,它可以访问构造函数中现有对象的属性吗?

我有一个ES5类:

代码语言:javascript
复制
function ES5() {
    this.value = 123;
}

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

代码语言:javascript
复制
class ES6 {
    constructor() {
        console.log(this.value); /* must print 123 */
    }
}

它可以从构造函数中访问ES5类属性。

基本上,我想要的是:

代码语言:javascript
复制
Object.create(ES6.prototype, new ES5());

虽然我知道这个代码不起作用。但是,有没有办法使这种逻辑工作呢?

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

注意:--这也意味着类ES6不知道ES5类的存在,只知道它的属性。或者换个说法,类ES6需要自动获得属性value,它不能自行修补。

详细信息

我的库在内部执行new ES5(),而类ES6则在客户端声明。所以它们是独立存在的。当客户端在ES6类中传递我时,我需要实例化它,使它认为它扩展了类ES5,即可以访问额外的属性。

代码语言:javascript
复制
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();
  }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-24 21:59:16

您可以将类的原型设置为ES5实例。这将将实例和ES5函数放在原型链中:

代码语言:javascript
复制
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)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52012099

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档