JavaScript プロトタイプ(prototype)に複数のメソッドを追加するサンプル
環境
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を追加する結果"
> “大阪"