クラス

2024年01月16日(火) 09時36分更新 icon 項目のみ表示/展開表示の切り替え

クラスの定義(ES5)

TESTというname,ageプロパティを含むクラスを定義しています。
nameとageを示す文字列を返すメンバー関数getNamesを定義しています。
クラスオブジェクトを作成するためにnewを使用しています。
表示ボタンをクリックするとTESTクラスのメンバー関数を呼び出してプロパティを表示します。 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id1"></span>
  <script type="text/javascript">
  // クラスとコンストラクタ
  var TEST=function(name,age){
    this.name=name;
    this.age=age;
  }
  // メンバ関数（メソッド）
  TEST.prototype.getNames=function(){
    return this.name+" "+this.age;
  }
  function test1(){
    var t=new TEST("亀",123);// インスタンスの作成
    var o=document.getElementById('id1');
    o.innerText=t.getNames();
  }
  </script>
  <form name="test1Form">
    <input type="button" value="表示" onclick="test1()" />
  </form>
</body>
</html>