JavaScript プロトタイプ(prototype)に複数のメソッドを追加するサンプル

2022年11月15日

環境
Windows 10 Home 64bit
Google Chrome 107.0.5304.107

構文
1.無名関数を宣言します

関数A = function(変数名){
　　　処理コード
};

2.複数のメソッドの処理コードを追加します

関数A.prototype.メソッド名1 = function(){
　　メソッド1の処理
}
関数A.prototype.メソッド名2 = function(){
　　メソッド2の処理
}

4.追加メソッドを使用
変数名 = new 関数A();
関数A.追加したメソッド1

関数A.追加したメソッド2

使用例

var City = function(){};

City.prototype.getName1=function(){
      return "東京";
}
City.prototype.getName2=function(){
      return "大阪";
}
//　インスタンスを生成
var cft = new City();

console.log("プロトタイプにメソッド1を追加する結果");
console.log(cft.getName1()); 
console.log("プロトタイプにメソッド2を追加する結果");
console.log(cft.getName2());

実行結果
> “プロトタイプにメソッド1を追加する結果"
> “東京"
> “プロトタイプにメソッド2を追加する結果"
> “大阪"