extends

La parola chiave extends è utilizzata nella dichiarazione o espressione di classe per creare una classe figlia di un'altra classe.

class ChildClass extends ParentClass { ... }

/**
*@desc La classe ChildClass estende la classe ParentClass
*/

La parola chiave extends può essere utilizzata per creare una sottoclasse personalizzata basandosi su classi già esistenti e anche su oggetti nativi (cfr. Date object).

Il .prototype dell'estensione deve essere un Object oppure null.

Il primo esempio crea una classe chiamata Square dalla classe chiamata Polygon. Questo esempio è estratto da questo demo live (sorgente).

class Square extends Polygon {
  constructor(length) {
    // Qui chiama il constructor della classe che estende (parent)
    // con le misure per la larghezza e altezza del poligono
    super(length, length);
    // Nota: In classi derivate, super() deve essere chiamato prima
    // di poter utilizzare 'this', altrimenti causerà un errore di reference.
    this.name = 'Square';
  }

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

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

Questo esempio estende l'oggetto nativo Date. Questo esempio è estratto da questo demo live (sorgente).

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

Estendere da null funziona come di norma, eccetto che l'oggetto prototipo non eredita da Object.prototype.

class nullExtends extends null {
  constructor() {}
}

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

• Classes
• super