Composition > Inheritance.md

Composition > Inheritance

https://www.youtube.com/watch?v=wfMtDGfHWpA

Inheritance

class MurderRobotDog {
  constructor(name) {
    this.name = name
  }
  drive() {
    const {name} = this
    console.log(`${name}: 🚗💨💨`)
  }
  bark() {
    const {name} = this
    console.log(`${name}: woof`)
  }
  kill() {
    const {name} = this
    console.log(`${name}: 🔪🐈🔪🐕🩸`)
  }
}


class Robot {
  constructor(name) {
    this.name = name
  }
  drive() {
    const {name} = this
    console.log(`${name}: 🚗💨💨`)
  }
}

class MurderRobot extends Robot {
  constructor(name) {
    super(name)
  }
  kill() {
    const {name} = this
    console.log(`${name}: 🔪🐈🔪🐕🩸`)
  }
}

class CleaningRobot extends Robot {
  constructor(name) {
    super(name)
  }
  clean() {
    const {name} = this
    console.log(`${name}: 🧹🧹🧹🧹`)
  }
}

class Animal {
  constructor(name) {
    this.name = name
  }
  poop() {
    const {name} = this
    console.log(`${name}:  💩💩💩`)
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name)
  }
  bark() {
    const {name} = this
    console.log(`${name}: woof`)
  }
}

class Cat extends Animal {
  constructor(name) {
    super(name)
  }
  meow() {
    const {name} = this
    console.log(`${name}: meow`)
  }
}

const dog = new Dog('Bello 🐕')
dog.bark()
dog.poop()

const cat = new Cat('Garfield 🐈')
cat.meow()
cat.poop()

const cleaner = new CleaningRobot('Clark 🧼🤖')
cleaner.drive()
cleaner.clean()

const killer = new MurderRobot('Joe 🦾🤖')
killer.drive()
killer.kill()

const killerRobotDog = new MurderRobotDog('Lise 🦾🤖🐕')
killerRobotDog.drive()
killerRobotDog.bark()
killerRobotDog.kill()

Composition

const barker = (state) => ({
  bark: () => {
    console.log(`${state.name}: woof`)
  }
})
const meower = (state) => ({
  meow: () => {
    console.log(`${state.name}: meow`)
  }
})
const pooper = (state) => ({
  poop: () => {
    console.log(`${state.name}:  💩💩💩`)
  }
})
const driver = (state) => ({
  drive: () => {
    console.log(`${state.name}: 🚗💨💨`)
  }
})
const cleaner = (state) => ({
  clean: () => {
    console.log(`${state.name}: 🧹🧹🧹🧹`)
  }
})
const killer = (state) => ({
  kill: () => {
    console.log(`${state.name}: 🔪🐈🔪🐕🩸`)
  }
})

const dogFactory = (name) => {
  const state = {
    name
  }
  return Object.assign(
    {},
    barker(state),
    pooper(state)
  )
}
const catFactory = (name) => {
  const state = {
    name
  }
  return Object.assign(
    {},
    meower(state),
    pooper(state)
  )
}
const cleanerRobotFactory = (name) => {
  const state = {
    name
  }
  return Object.assign(
    {},
    cleaner(state),
    driver(state)
  )
}
const killerRobotFactory = (name) => {
  const state = {
    name
  }
  return Object.assign(
    {},
    driver(state),
    killer(state)
  )
}
const killerRobotDogFactory = (name) => {
  const state = {
    name
  }
  return Object.assign(
    {},
    killer(state),
    driver(state),
    barker(state)
  )
}

const dog = dogFactory('Bello 🐕')
dog.bark()
dog.poop()

const cat = catFactory('Garfield 🐈')
cat.meow()
cat.poop()

const cleanerRobot = cleanerRobotFactory('Clark 🧼🤖')
cleanerRobot.drive()
cleanerRobot.clean()

const killerRobot = killerRobotFactory('Joe 🦾🤖')
killerRobot.drive()
killerRobot.kill()

const killerRobotDog = killerRobotDogFactory('Lise 🦾🤖🐕')
killerRobotDog.drive()
killerRobotDog.bark()
killerRobotDog.kill()