モジュールをjavascriptのモジュールパターンで拡張する

Question

JSでモジュールパターンを使用しようとしています。しかし、HM.init()をコンソールに呼び出すと、undefinedと表示されます。 this.carouselがまったく存在しないようです。何故ですか？

JS：

(function(window, $){ 

    var HM = (function (HM) { 

     HM.init = function(){ 
      this.carousel.init(); 
     } 

     return HM; 

    })(HM || {}); 

    window.HM = HM; 

    $(function(){ 
     console.log(HM.init()); // this doesn't work 
    }); 


})(window, jQuery); 

//Extending module (this is supposed to be in another file) 
(function(window, HM, $){ 
    HM.carousel = { 
     init: function(){ 
      return 'initialise HM'; 
     } 
    } 
})(window, HM, jQuery);. 

感謝

Answer 1

それはHM.initは（undefinedを返すにノーとreturn声明ので、デフォルトで）何も返さないためundefinedが出力した理由。

あなたがそうのように、this.carousel.init()の呼び出しの前returnを追加する次のいずれかの

... 
HM.init = function(){ 
    return this.carousel.init(); 
} 
... 

...またはあなたが「HMを初期化する」印刷する場合は、あなたのHM.carousel.init関数内代わりconsole.logを使用したいですコンソールへ：

... 
HM.carousel = { 
    init: function(){ 
     return 'initialise HM'; 
    } 
} 
... 

（自身で戻り値が良いデバッグツールではありませんので、それはおそらくconsole.logでそれを印刷するには、より理にかなっています。）