JavaScript インスタンス生成の後にプロトタイプ(prototype)の宣言を使用するサンプル
環境
Windows 10 Home 64bit
Google Chrome 107.0.5304.107
構文
1.無名関数を宣言します
関数A = function(変数名){
処理コード
};
2.インスタンスを生成
インスタンス名 = new 関数A(値);
3.メソッドの処理コードを追加します
関数A.prototype.メソッド名 = function(){
メソッドの処理コード
}
使用例
//プロトタイプを使用する場合 const City = function(cr){ this.name = cr; }; console.log("インスタンスを生成する"); const reA = new City("東京");//プロトタイプのgetNameを参照する const reB = new City("大阪");//プロトタイプのgetNameを参照する const reC = new City("福岡");//プロトタイプのgetNameを参照する console.log("プロトタイプでメソッドの定義を追加する"); City.prototype.getName=function(){ return this.name; } console.log(reA.getName()); console.log(reB.getName()); console.log(reC.getName());
実行結果
> “インスタンスを生成する"
> “プロトタイプでメソッドの定義を追加する"
> “東京"
> “大阪"
> “福岡"