S2) Unit2. [실습] Beesbeesbees

📣  상속을 이용해서 클래스 구현하기

✔️ 계층 구조

 

📣  super, extends 란?

✔️ super() : 부모 클래스의 함수를 호출할 때 사용한다.

this 키워드가 사용되기 전에 호출되어야 한다. -> 안그러면 참조오류 발생

 

✔️ extends() : 클래스를 다른 클래스의 자식으로 만들 때 사용한다.

class 기반으로 상속을 받는 것처럼 보이지만, JS는 prototype 기반의 언어이기 때문에 내부적으로는 prototype chain을 통해 상속이 이루어진다.

 

 

📣  코드

1️⃣ Grub.js

class Grub {	
  constructor(){
    this.age = 0;
    this.color = 'pink';
    this.food = 'jelly';
  }

  eat() {
    return `Mmmmmmmmm ${this.food}`;
  }
}

➰ 부모 클래스 이므로 생성자만 생성해주면 된다.

 

2️⃣ Bee.js

const Grub = require('./Grub');

class Bee extends Grub{
  constructor(){
    super();
    this.age = 5;
    this.color =  'yellow';
    this.job = 'Keep on growing';
    }
}

module.exports = Bee;

➰ age와 color는 Grub 클래스에서 상속받았다.

➰  Grub.js에서 Grub클래스를 가져와야 상속 가능하다.

 

3️⃣ HoneyMakerBee.js

const Bee = require('./Bee');

class HoneyMakerBee extends Bee{
  constructor(){
    super();
    this.age = 10;
    this.job = 'make honey';
    this.honeyPot = 0;
  }

  makeHoney() {
    this.honeyPot++;
  }

  giveHoney() {
    this.honeyPot--;
  }
}

module.exports = HoneyMakerBee;

➰ Grub를 상속받은 Bee를 상속하고 있기 때문에 age를 사용할 수 있다.

 

4️⃣ ForagerBee.js

const Bee = require('./Bee');

class ForagerBee extends Bee {
  constructor(){
    super();
    this.age = 10;
    this.job = 'find pollen';
    this.canFly = true;
    this.treasureChest = [];
  }

  forage(treasure) {
    this.treasureChest.push(treasure);
  }
}

module.exports = ForagerBee;

➰ HoneyMakerBee.js와 마찬가지.