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