Javascriptモジュールパターン - 違い

Question

私はjavascriptモジュールパターンを認識していますが、私は2種類のモジュールパターンを使用しており、アーキテクチャの観点からそれらの違いを知りたいと思います。

// PATTERN ONE 
var module = (function() { 
    var _privateVariable = ''; 

    var _privateMethod = function() { 
    var _this = this; 
    // private method def 
    // can use _this._privateVariable 
    console.log('Inside a private method!'); 
    }; 

    var publicMethod = function() { 
    var _this = this; 
    // public method def 
    // can use _this._privateVariable 
    // can call _privateMethod(); 
    }; 

    return { 
    publicMethod: publicMethod 
    }; 
})(); 

// PATTERN TWO 
var module = (function() { 
    var wrapper = { 
    _privateVariable: '', 

    _privateMethod: function() { 
     var _this = this; 
     // private method def 
     // can use _this._privateVariable 
     console.log('Inside a private method!'); 
    }, 

    publicMethod: function() { 
     var _this = this; 
     // public method def 
     // can use _this._privateVariable 
     // can call _privateMethod(); 
    }, 
    }; 

    return { 
    publicMethod: wrapper.publicMethod 
    }; 
})(); 

これらの両方のパターンは、それらのいずれかを使用して有意差がある私

1. のために同じことを行うように見えますか？
2. これらのパターンの1つを避ける必要がありますか？
3. どちらかの方が良い方法がありますか？

Answer 1

実際、言及した2つのパターンには違いはありません。私が見る違いは、第二のパターンが避けることができる余分な変数としてwrapperを使用することだけです。あなたが現在のものではなく、複雑なオブジェクトを返すようにしたいかもしれない他の例を、考慮

は

、その後、第二のパターンは、非常に便利であるなどのため

。

var wrapper = { 
_privateVariable: '', 

_privateMethod: function() { 
    var _this = this; 
    console.log('Inside a private method!'); 
}, 

publicMethod: function() { 
    var _this = this; 
}, 

publicMethod2: function() { 
    var _this = null; 
}, 

publicMethod3: function(default) { 
    var _this = default; 
}, 
}; 

return { 
    publicMethod: wrapper 
};