extends

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

Syntax

class ChildClass extends ParentClass { ... }

Beskrivning

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.

Exempel

Använda extends

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;
  } 
}

Användning av extends med inbyggda objekt

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 av null

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

Specifikationer

Browserkompabilitet

Se även

• Classes
• super