JavaScript インスタンス生成の後にプロトタイプ(prototype)の宣言を使用するサンプル

2022年11月16日

環境
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());

実行結果
> “インスタンスを生成する"
> “プロトタイプでメソッドの定義を追加する"
> “東京"
> “大阪"
> “福岡"