(js) prototype 상속 연습

prototype 상속 기본형 연습

 

function Vehicle(name) {
  this.name = name
  this.isOn = false
}

Vehicle.prototype.start = function() {
  this.isOn = true
  console.log(this.name + ' is on')
}

Vehicle.prototype.turnOff = function() {
  this.isOn = false
  console.log(this.name + ' turned off')
}

Vehicle.prototype.drive = function() {
  if(this.isOn) {
    console.log(this.name + ' is moving')
  } else {
    console.log(this.name + " doesn't start")
  }
}

function Car(name, wheels) {
  Vehicle.call(this, name)
  this.wheels = wheels
}

Car.prototype = Object.create(Vehicle.prototype)

Car.prototype.drive = function() {
  if(this.isOn) {
    console.log('I drive ' + this.name + ' with ' + this.wheels +' wheels')
  } else {
    console.log(this.name + " doesn't start")
  }
}

function Motorcycle(name, wheels) {
  Vehicle.call(this, name)
  this.wheels = wheels
}

Motorcycle.prototype = Object.create(Vehicle.prototype)

Motorcycle.prototype.drive = function(helmet) {
  if(!helmet) {
    console.log('You must wear a helmet')
  } else if(this.isOn) {
    console.log('I wear ' + helmet + ' and ride ' + this.name + ' with ' + this.wheels + ' wheels')
  } else {
    console.log(this.name + " doesn't start")
  }
}

const myCar = new Car('My car', 4)
const myMotorcycle = new Motorcycle('My motorcycle', 2)

myCar.drive() // My car doesn't start
myCar.start() // My car is on
myCar.drive() // I drive My car with 4 wheels
myCar.turnOff() // My car turned off

myMotorcycle.start() // My motorcycle is on
myMotorcycle.drive() // You must wear a helmet
myMotorcycle.drive('my helmet') // I wear my helmet and ride My motorcycle with 2 wheels
myMotorcycle.turnOff() // My motorcycle turned off