鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ extends 怎么可以連父類數(shù)據(jù)也繼承了？

extends 怎么可以連父類數(shù)據(jù)也繼承了？

問下各位大大

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

怎么實現(xiàn)
data={abc:23,xxx:456};
basePage要怎么繼承page，才能實現(xiàn)basePage.data既有自己data，又不覆蓋父類page的data.

不要跟我說換字段名，能換早換了，需求必須要統(tǒng)一字段data字段啊。

回答
編輯回答
舊酒館

在繼承的子類中可以獲取父類對象啊.不就能獲取父類數(shù)據(jù)了嗎

2017年2月13日 21:51
編輯回答
毀了心

如上面，在子類的構(gòu)造函數(shù)中，調(diào)用super之后，super指向父類的原型對象
可以詳細(xì)閱讀下阮一峰的ES6入門書籍

2018年4月13日 05:34
編輯回答
影魅

把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);
2017年8月21日 22:45
編輯回答
帥到炸

既然是繼承可以直接拿來用：

this.data.xxx = 456;

你這樣寫是直接覆蓋 就跟下面一樣

var data = {
     abc:23
   }
data = {
   xxx:456
}
console.log(data.abc)
2017年6月27日 09:06