JavaScript/OOP/クラスの作り方/オブジェクトリテラルを使ったクラス作成 - 応用のバックアップ(No.4)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
JavaScript/OOP/クラスの作り方/オブジェクトリテラルを使ったクラス作成 - 応用へ行く。
- 1 (2011-07-13 (水) 23:47:15)
- 2 (2011-07-13 (水) 23:47:45)
- 3 (2011-07-14 (木) 20:06:18)
- 4 (2011-07-26 (火) 03:54:58)
- 5 (2012-07-24 (火) 16:58:20)

クラスの作り方 - オブジェクトリテラルを使って

クラスの作成

 var foo = function (v1, v2) {
    var x = v1, y = v2;
 
    var that = {};
    
    that.getSum = function () {
        return x + y;
    }
    
    return that;
 };

foo()はコンストラクタであり、初期化処理後、オブジェクトリテラルを返す。

クラスのインスタンスを作成・利用

 var f = foo(1,2);
 f.getSum(); // => 3

オブジェクトリテラルを使ったクラスのメリット

クラス内の変数・関数を隠蔽出来る。この例の場合、foo()中のxやyはプライベート変数になっている。

子クラスの作成

 var bar = function (v1, v2) {
    var n = 100;
 
    var that = foo(v1,v2);
    
    that.getSum2 = function () {
        return that.getSum() + n;
    }
    
    return that;
 }

thatを（空のオブジェクトリテラルではなく）foo()で初期化して、fooの継承を実現している。

子クラスのインスタンスを作成・利用

 var b = bar(1,2);
 b.getSum2(); // => 103
 b.getSum();  // => 3

モジュールパターン

モジュールパターンとはシングルトンパターンの一種で、オブジェクトのプロパティをパブリック・プライベートにする。Douglas Crockford氏によって提唱されたらしい。

 var module = function() {
 
     var v1 = null;
     var v2 = 10;
 
     function init(v) {
         v1 = v;
     };
     function func() {
         return _func();
     };
     function _func() {
         return v1 * v2;
     };
     function value() {
         return v1;
     }
     
     return {
         init  : init,
         func  : func,
         value : value
     };
 
 }();

無名関数によって変数や関数を局所化する。
オブジェクトリテラルを返すモジュールパターンによりグローバルからアクセス出来るようにする。
オブジェクトリテラルから内部の変数や関数を参照するようにする事で、内部の変数や関数の書式を一貫したものにする。

参考

JavaScript "Best Practices"
http://www.slideshare.net/cheilmann/javascript-best-practices-1041724