[ES6] Class 語法，和 Extend 延伸實例

class People {
  constructor(height, money) {
    this.height = height;
    this.money = money;
  }
  work() {
    console.log('I am working');
  }
  play() {
    console.log('I am playing');
  }
  //info 可以先不用看
  info() {
    console.log('我身高',this.height, '我有',this.money);
  }
}
//----------------特殊舉例-可以先不用理會-------------------
let cMan =new People ('0cm','0元');
//----------------aMan-object---------------------
class aMan extends People {
  swim() {
    console.log('aMan','I am swimming');
  }
};
//----------------new-aMan------------------------
let poolMan = new aMan('165cm', '5億');
//----------------bMan-object---------------------
class bMan extends People {
  constructor(height, money, face) {
    super(height, money);
    this.face = face;
  }
  swim() {
    console.log('bMan','I am swimming');
  }
  talk() {
    console.log('bMan','I am talking');
  }
  //info 可以先不用看
  info() {
    console.log('我身高有',this.height, '我錢有',this.money,'我臉很',this.face);
  }
};
//----------------new-bMan------------------------
let richMan = new bMan('195cm','500億','帥');

poolMan.info();
//我身高 165cm 我有 5億
richMan.info();
//我身高有 195cm 我錢有 500億 我臉很 帥
console.log(aMan);
//是一個fn
console.log(poolMan);
//是一個obj
console.log(cMan);
//是一個obj

let cMan = new People ('0cm','0元');

class aMan extends People {
  //....
}
let poolMan = new aMan('165cm', '5億');

new一個模型＝實作一個模型！

class People {
  //這邊就是原型鍊的參數，我在這稱為特質
  //有多高、有多有錢、甚至多帥？
  constructor(height, money) {
    this.height = height;
    this.money = money;
  }
  work() {
    console.log('I am working');
  }
  play() {
    console.log('I am playing');
  }
  //info 可以先不用看
  info() {
    console.log('我身高',this.height, '我有',this.money);
  }
}

poolMan.play();

poolMan.talk();

richMan.work();

poolMan.info();
richMan.info();

poolMan.info();
richMan.info();

constructor(height, money, face) {
  //不管修改或是覆蓋，首先一定要加入super，讓js知道你要修改覆蓋哪個？
  //謹記super一定要第一行 
  super(height, money);
  //這邊即可新增帥的特質！
  this.face = face;
}