jsの継承の実現とパブリック、プライベート、静的メソッドの書き方について簡単に説明

今日は暇な時に、JSの継承の実現について研究してみました。以下はhtmlのソースコード：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSクラスの継承の実現</title>
<script type="text/JavaScript">
//親クラス及び共有、プライベート、静的属性及びメソッドの定義
function parent() {
var pname = "private";//プライベート属性
var pfun = function() {//プライベートメソッド
console.log("呼び出しクラスのプライベートメソッド");
}
this.getName = function(name) {//public method
this.name = name;//public property
return pname+"private property+public property+this.name+"call class's public method";
}
}
//静的属性及びメソッドの定義
parent.staticPro = "static property";
parent.staticFun = function(){
var str = "invoke class's static function";
return str;
}
//メソッド1 プロトタイプ継承
function childOne(){};
childOne.prototype = new parent();
//メソッド2 call/オブジェクト継承
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>ヘッダー</header>
</body>
</html>

これで、編集者が皆さんに提供したJavaScriptの継承の実現と共有、私有、静的メソッドの記述についての簡単な説明は全てです。皆様の応援をお願いします～呐喊教程~

基本教程