extends

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

Sintassi

class ChildClass extends ParentClass { ... }

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

Descrizione

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.

Esempi

Utilizzare extends

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

Utilizzare extends con oggetti nativi

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 null

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

Specificazioni

Compatibilità Browser

Vedi anche

• Classes
• super