Palavra-chave super da classe JavaScript

Definição e uso

super palavra-chave para referenciar a classe pai.

Usado para chamar o construtor da classe pai e acessar os atributos e métodos da classe pai.

Dica:Para entender melhor o conceito de "herança" (classe pai e classe filha), leia nosso Guia de classes JavaScript。

instância

Crie uma classe chamada "Model" que usará extends palavra-chave de herança "Car" métodos.

através da chamada no construtor super() Métodos, chamaremos o construtor da classe pai e poderemos acessar os atributos e métodos da classe pai:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Experimente você mesmo

Sintaxe

super(arguments);  // Chama o construtor pai (apenas dentro do construtor)
super.parentMethod(arguments);  // Chama o método pai

Detalhes técnicos

Versão do JavaScript: ECMAScript 2015 (ES6)

Suporte do navegador

Palavra-chave Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

Páginas relacionadas

JavaScript Guia:Classe JavaScript

JavaScript Guia:JavaScript ES6 (EcmaScript 2015)

Manual de referência JavaScript:extends palavras-chave

Manual de referência JavaScript:Método constructor()