javascript - コードを他のスクリプトから分離する (名前空間)

Question

私はこのようにやっています：

;(function($, window, document, undefined){

  var MyNamespace= MyNamespace || {};

  $.MyNamespace.someMethod = function(){
    // code
  };

  $.MyNamespace.someOtherMethod = function(){
    // code
  };

  $.MyNamespace.someProperty = {};

  // etc.


}(jQuery));

大丈夫ですか？

Answer 1

変数の初期化では、グローバルに設定していますMyNamespace（存在する場合）。これはスコープ/分離されていません。

次に、2つの非常に異なるものを参照する$.MyNamespace代わりに参照します。は参照するパラメータであり、グローバルにアクセス可能であり、他のコードから分離されていません。MyNamespace$jQuery

$.MyNamespace他のコードにアクセスできるようにしたいMyNamespace場合、およびこのコードのみにアクセスをスコープしたい場合に使用します。

Answer 2

変更されたコード: 2 つの問題があります。

MyNamespace は $ のプロパティです。ウィンドウとドキュメントは関数本体内では使用できません。

;(function($, window, document, undefined){

  $.MyNamespace= $.MyNamespace || {};

  $.MyNamespace.someMethod = function(){
    // code
  };

  $.MyNamespace.someOtherMethod = function(){
    // code
  };

  $.MyNamespace.someProperty = {};

  // etc.


}(jQuery, window, window.document));