js オブジェクト指向:クラス作成などの基本
2012/06/24
「jsのオブジェクト指向・クラス 」にまとめ中
クラス作成
- <script type="text/javascript">
- // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
- var SimpleObjects = function()
- {
- };
- </script>
プロパティ作成(クラス内での変数)
下記では、引数を使ってプロパティを作成。
引数を使わず適当な値をいれるってのもアリ。
- <script type="text/javascript">
- // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
- var SimpleObjects = function(soT)
- {
- // プロパティ:このクラス内用の変数
- this.soText = soT;
- };
- </script>
メソッド作成(クラス内での処理(関数みたいなヤツ))
メソッド内では、プロパティが使えるから特別に戻り値も引数も不要。
戻り値は必要に応じて使うってのもアリか。
- <script type="text/javascript">
- // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
- var SimpleObjects = function(soT)
- {
- // プロパティ:このクラス内用の変数
- this.soText = soT;
- // メソッド
- this.soOutput = function()
- {
- document.write(this.soText);
- }
- };
- </script>
インスタンス作成(クラスを使うための宣言(初期設定?))
作ったクラスを使えるようにする(インスタンス化(インスタンスの作成))。
要は「new」を使うってことか。
- <script type="text/javascript">
- // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
- var SimpleObjects = function(soT)
- {
- // プロパティ:このクラス内用の変数
- this.soText = soT;
- // メソッド
- this.soOutput = function()
- {
- document.write(this.soText);
- }
- };
- // インスタンス化
- var runSimpleObject = new SimpleObjects("newでインスタンス作成");
- </script>
実行?
インスタンス化したらクラス内の関数(メソッド)が使えるようになる。
- <script type="text/javascript">
- // 単純なクラスを定義:ここでは「SimpleObjects」って名前にしてみる
- var SimpleObjects = function(soT)
- {
- // プロパティ:このクラス内用の変数
- this.soText = soT;
- // メソッド
- this.soOutput = function()
- {
- document.write(this.soText);
- }
- };
- // インスタンス化
- var runSimpleObject = new SimpleObjects("newでインスタンス作成");
- // 作成したインスタンス内のsoOutputメソッドを実行
- runSimpleObject.soOutput();
- </script>
基本、PHPのクラスと似たような感じ。
参考:
オブジェクト指向について
PHP オブジェクト指向の記述について
php クラスの中のメソッドについて
php クラスの中で最初に読まれる関数