How do I even

JavaScript

Applaud for

WebHenrik

WebTryggvi

var that = this;

WAT

function Klass (name) {
  this.name = name
}

Klass.prototype.printName = function () {
  console.log(this.name)
}

var a = new Klass("Tom")
a.printName(); // Tom

WAT

Classes

Template string

Arrow functions

Object.assign

Class inheritance

Animal {
  poop()

  Dog {
    bark()  
  }

  Cat {
    snuggle()
  }
}

Robot {
  shootLazers()
}

Class inheritance

Our customers demand a robot dog.

Class inheritance

Animal {
  poop()

  Dog {
    bark()  
  }

  Cat {
    snuggle()
  }
}

Robot {
  shootLazers()
}

Class inheritance

Our customers demand a robot dog.

GameObj {
    bark()

    Animal {
      poop()
    
      Dog {}
    
      Cat {
        snuggle()
      }
    }
    
    Robot {
      shootLazers()
      
      RobotDog {}
    }
}

Add parent class?

Class inheritance

Animal {
  poop()

  Dog {
    bark()
  }

  Cat {
    snuggle()
  }
}

Robot {
  shootLazers()
  
  RobotDog {
    bark()
  }
}

Duplicate code?

Class inheritance

No good option

Object composition

Object composition

Dog {
  poopBehaviour()
  barkBehaviour()
}

Cat {
  poopBehaviour()
  snuggleBehaviour()
}

Robot {
  shootLazersBehaviour()
}

Object composition

Our customers demand a robot dog.

Object composition

Dog {
  poopBehaviour()
  barkBehaviour()
}

Cat {
  poopBehaviour()
  snuggleBehaviour()
}

Robot {
  shootLazersBehaviour()
}

Object composition

Dog {
  poopBehaviour()
  barkBehaviour()
}

Cat {
  poopBehaviour()
  snuggleBehaviour()
}

Robot {
  shootLazersBehaviour()
}

RobotDog {
  barkBehaviour()
  shootLazersBehaviour()
}

Just bark and shoot lazers.