extends 怎么可以连父类数据也继承了？

Question

问下各位大大

class page{
  data:{
     abc:23
   }
}

class basePage extends page{
    data:{
       xxx:456
    }
}

怎么实现
data={abc:23,xxx:456};
basePage要怎么继承page，才能实现basePage.data既有自己data，又不覆盖父类page的data.

不要跟我说换字段名，能换早换了，需求必须要统一字段data字段啊。

Answer 1

既然是继承可以直接拿来用：

this.data.xxx = 456;

你这样写是直接覆盖 就跟下面一样

var data = {
     abc:23
   }
data = {
   xxx:456
}
console.log(data.abc)

Answer 2

在继承的子类中可以获取父类对象啊.不就能获取父类数据了吗

Answer 3

把aaa的data放在bbb的data中

      class aaa{
          constructor(){
              this.data={
                  aaa:"aaa"
              }
          }
      }
      class bbb extends aaa{
          constructor(data){
              super(data);
              this.data = {
                  ...this.data,
                  bbb:'bbb'
              }
              console.log(this.data);
          }
      }
      var b = new bbb();
      console.log(b);

Answer 4

如上面，在子类的构造函数中，调用super之后，super指向父类的原型对象
可以详细阅读下阮一峰的ES6入门书籍