inheritence.js

// Old school classic inheritence

function Shape(name) {
  this.name = name;
}

Shape.prototype.getName = function() {
  return this.name;
}

function Square(width, height) {
  Shape.call(this);
  this.width = width
  this.height = height
}

Square.prototype = new Shape('square')

// Mid-school

function Shape(name) {
  this.name = name;
}

Shape.prototype.getName = function() {
  return this.name;
}

function Square(width, height) {
  Shape.call(this, 'square');
  this.width = width
  this.height = height
}

Square.prototype = Object.create(Shape.prototype)

// Late-school

class Shape {
  constructor(name) {
    this.name = name
  }
  
  getName() {
    return this.name
  }
}

class Square extends Shape {
  constructor(width, height) {
    super('square')
    
    this.width = width
    this.height = height
  }
}

// State of the art - TS
class Shape {
  constructor(public name: string) {}
  
  getName(): string {
    return this.name
  }
}

class Square extends Shape {
  constructor(public width: number, public height: number) {
    super('square')
  }
}