Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
extends
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since março de 2016.
A palavra chaveextends é usada em umaclass declarations ouclass expressions para criar uma classe filha de outra classe.
Sintaxe
class ChildClass extends ParentClass { ... }Descrição
A palavra chave extends pode ser usada para tanto classes filhas quanto objetos filhos pré-construidos.
Exemplos
Usandoextends
O primeiro exemplo cria uma classe chamadaSquare a partir de uma classe chamadaPolygon. Este exemplo foi extraido destelive demo(source).
class Square extends Polygon { constructor(length) { // Here, it calls the parent class' constructor with lengths // provided for the Polygon's width and height super(length, length); // Nota: In derived classes, super() must be called before you // can use 'this'. Leaving this out will cause a reference error. this.name = "Square"; } get area() { return this.height * this.width; } set area(value) { this.area = value; }}Usandoextends com objetos pré-construidos
Este exemplo extende o objeto pré-construidoDate. Este exemplo foi extraido destelive demo(source).
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() ); }}Estendendonull
Estender denull funciona como em uma classe normal, exceto que o objeto prototype não herda deObject.prototype.
class nullExtends extends null { constructor() {}}Object.getPrototypeOf(nullExtends); // Function.prototypeObject.getPrototypeOf(nullExtends.prototype); // nullEspecificações
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-class-definitions |