作成したインスタンスにメソッドを追加:jsのクラス(オブジェクト指向)

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>作成したインスタンスにメソッドを追加:jsのクラス(オブジェクト指向)</title>
  6. </head>
  7. <body>
  8. <h1>作成したインスタンスにメソッドを追加:jsのクラス(オブジェクト指向)</h1>
  9. <script type="text/javascript">
  10.   // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
  11.   var SimpleObjects = function(soT)
  12.   {
  13.     // プロパティ
  14.     this.soText = soT;
  15.   };
  16.   // インスタンス化
  17.   var runSimpleObject = new SimpleObjects("作成したインスタンスに対して追加したメソッド");
  18.   
  19.   // 作成したインスタンスにメソッドを追加:クラスにメソッド追加ではない。
  20.   runSimpleObject.soAddOutput = function() {
  21.     document.write(this.soText);
  22.   };
  23.   
  24.   // 作成したインスタンスに追加されたメソッド(soAddOutput())を実行
  25.   runSimpleObject.soAddOutput();
  26. </script>
  27. <div style="font-size:10pt;text-align:right;margin-top:0.5em;">
  28. <a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
  29. <a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ(wiki)</a>
  30. </div>
  31. <div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
  32. Copyright &copy; 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
  33. </div>
  34. </body>
  35. </html>