extends

Nyckelorder extends används i klassdeklarationer eller klassuttryck för att skapa en klass som är barn till en annan klass.

class ChildClass extends ParentClass { ... }

Nyckelordet extends kan användas för att subklassa anpassade klasser såväl som inbyggda objekt.

.prototype vid användning av extends måste vara en Object eller null.

Första exemplet skapar en klass som heter Square från en klass kallad Polygon. Exemplet är extraherat från denna live demo (källkod).

class Square extends Polygon {
  constructor(length) {
    // Här anropas föräldraklassens constructor med längd
    // angiven för Polygons bredd och höjd
    super(length, length);
    // Notera: i underliggande klasser, måste super() anropas innan du
    // kan använda 'this'. Utelämnande av detta kommer orsaka ett "reference error".
    this.name = 'Square';
  }

  get area() {
    return this.height * this.width;
  }

  set area(value) {
    this.height = this.width = Math.sqrt(value);
    this.area = value;
  }
}

Detta exempel utökar det inbyggda objektet Date. Exemplet är extraherat från denna live demo (källkod).

class myDate extends Date {
  constructor() {
    super();
  }

  getFormattedDate() {
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    return this.getDate() + "-" + months[this.getMonth()] + "-" + this.getFullYear();
  }
}

Utökning från null fungerar som en normal klass, förutom att prototype objektet inte ärver från Object.prototype.

class nullExtends extends null {
  constructor() {}
}

Object.getPrototypeOf(nullExtends); // Function.prototype
Object.getPrototypeOf(nullExtends.prototype) // null

• Classes
• super