JavaScriptでオブジェクト指向のプログラムを組む初歩の紹介

最近はJavaScriptを使ったWEBページ上のアプリがどんどんリッチになってきており、
それに合わせてプログラムの規模も大きくなることが増えてきています。
プログラムの規模が大きくなってくると、
いかにメモリを浪費しない、効率的なプログラムを記述するかということが重要になってきます。
そこで重要になってくるのが、オブジェクト指向のプログラミング方法です。

オブジェクト指向とは、繰り返し利用するプログラムを部品として定義しておき、
それを組み合わせてプログラムを組んでいく方法です。

C++、C#、JAVA、PHPといった言語でオブジェクト指向のプログラムを行う場合は、
クラスというものを使います。


//クラスを定義
class exampleClass() {
    public $var = 100; //プロパティの宣言

    // メソッドの宣言
    public function displayVar() {
        echo $this-&gt;var;
    }
}

$obj = new exampleClass();
$obj-&gt;displayVar();

1

2

3

4

5

6

7

8

9

10

11

12

//クラスを定義

class exampleClass() {

public $var = 100; //プロパティの宣言

// メソッドの宣言

public function displayVar() {

echo $this->var;

}

$obj = new exampleClass();

$obj->displayVar();

JavaScriptでも、IE、Operaを除く最新のブラウザではクラスを利用することができますが、
現在のところはprototypeという仕組みを使うのが通常です。


//コンストラクタを定義
function exampleObject() {
    this.var = 100; //プロパティの宣言
}

//メソッドを定義
exampleObject.prototype.alertVar = function() {
    alert(this.var);
} 

var obj = new exampleObject();
obj.alertVar();

1

2

3

4

5

6

7

8

9

10

11

12