Classe JavaScript super
Definição e uso
A super
palavra-chave é usada para chamar o construtor de sua classe pai para acessar as propriedades e métodos do pai.
Dica: Para entender melhor o conceito de "herança" (classes pai e filha), leia nosso Tutorial de Classes JavaScript .
Exemplo
Crie uma classe chamada "Model" que herdará os métodos da classe "Car", usando a palavra- extends
chave.
Ao chamar o super()
método no método construtor, chamamos o método construtor do pai e obtemos acesso às propriedades e métodos do 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();
Suporte ao navegador
super
é um recurso ECMAScript6 (ES6).
O ES6 (JavaScript 2015) é compatível com todos os navegadores modernos:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
não é compatível com o Internet Explorer 11 (ou anterior).
Sintaxe
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Detalhes técnicos
Versão JavaScript: | ECMAScript 2015 (ES6) |
---|
Páginas relacionadas
Tutorial JavaScript: Classes JavaScript
Tutorial JavaScript: JavaScript ES6 (EcmaScript 2015)
Referência JavaScript: a palavra-chave extends
Referência JavaScript: O método constructor()