English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Breve análise da implementação da herança em js e a escrita de métodos públicos, privados e estáticos

Hoje, quando não tinha nada para fazer, estudei a implementação da herança em JS. A seguir estáhtmlCódigo-fonte:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Implementação de Herança de Classes JS</title>
<script type="text/JavaScript">
//Definição da classe pai e atributos e métodos públicos, privados e estáticos
function parent() {
var pname = "private";//Atributo privado
var pfun = function() {//Método privado
console.log("Chamada do método privado da classe");
}
this.getName = function(name) {//método público
this.name = name;//propriedade pública"
return pname+"propriedade privada",+propriedade pública"+this.name+"chamar método público da classe";
}
}
//definir propriedade e método estáticos
parent.staticPro = "propriedade estática";
parent.staticFun = function(){
var str = "chamar função estática da classe";
return str;
}
//método1 herança por链原型
function childOne(){};
childOne.prototype = new parent();
//método2 call/aplicação de herança
function childTwo(){
parent.call(this);
}
function init(){
var c1 = new childOne();
console.log(c1.getName("child1"));//
console.log(c1.name);
var c2 = new childTwo();
console.log(c2.getName("child2"));
console.log(c2.name);
console.log(parent.staticPro);
console.log(parent.staticFun());
 }
</script>
</head>
<body onload="init();">
<header> cabeçalho</header>
</body>
</html>

Isso é tudo que o editor trouxe para você sobre a breve discussão da implementação do herança do JavaScript e a escrita de métodos públicos, privados e estáticos. Espero que você apoie e grite o Guia de Ensino~

Você também pode gostar