📚 프론트엔드 공부 일지/JAVASCRIPT

JavaScript 상속. 확장

wei3on 2024. 6. 14. 17:23

 

  • 상속 (확장)
class Vehicle {
  constructor(name, wheel) {
    this.name = name
    this.wheel = wheel
  }
}

const myVehicle = new Vehicle('운송수단', 2)
console.log(myVehicle)

//extends 확장자
class Bicycle extends Vehicle {
  constructor(name, wheel) {
    // super()
    // super가 있는 자리에서 Vehicle 함수가 실행된다
    super(name, wheel)
  }
}

const myBicycle = new Bicycle('삼천리',2)
const daughtersBicycle = new Bicycle('세발', 3)
console.log(myBicycle)
console.log(daughtersBicycle)

class Car extends Vehicle {
  constructor(name, wheel, license) {
    super(name, wheel)
    // 나머지는 확장으로 가져오고
    // 새로운 내용 추가
    this.license = license
  }
}

const myCar = new Car ('벤츠', 4, true)
const daughtersCar = new Car ('포르쉐', 4, false)
console.log(myCar)
console.log(daughtersCar)

 

'📚 프론트엔드 공부 일지 > JAVASCRIPT' 카테고리의 다른 글

JavaScript 함수  (0) 2024.06.14
JavaScript 조건문  (0) 2024.06.14
JavaScript 연산자  (0) 2024.06.14
JavaScript 함수 개념 정리  (1) 2024.06.03