名前空間パターンは、私は、次の名前空間パターンを使用していますエラー

Question

をJSLint「が定義されています前に、機能を使用した」原因：

var MyNamespace = new function() { 
    var foo = function() { 
     bar(); 
    }; 
    var bar = function() { 
     alert("bar"); 
    }; 
    this.init = function() { 
     foo(); 
    }; 
}; 

$(document).ready(function() { 
    MyNamespace.init(); 
}); 

JSLintは、それが定義される前barが使用されていることを訴えます。しかし、fooは、barが宣言されるまで呼び出されません。コードは私が試したすべてのブラウザで正常に動作します：http://jsfiddle.net/jDKvz/

パターンはHow do I declare a namespace in JavaScript?、2番目の答えです。

ここで何かを修正する必要がありますか、それともJSLintを無視するだけですか？

Answer 1

私は巻上げの、変数や関数の宣言が掲揚されているので、それはだ疑い通訳者の一番上に表示されます。

var MyNamespace = new function() { 
    var foo; 
    var bar; 

    foo = function() { 
     bar(); 
    }; 

    bar = function() { 
     alert("bar"); 
    }; 

    this.init = function() { 
     foo(); 
    }; 
}; 

foo = function() {bar();};bar()はまだ解析されていませんが、その時点で呼び出されるのは関数barの変数ではありません。

あなたのコードがうまくいけば、それと一緒に行くことができます。strict modeをオンにすることも役に立ちます。

Answer 2

編集：思考JSは変数ではなく値を閉じました。

JSLintは変数ホイストが発生していないために不平を言っています。他の関数が使用する関数の前に他の関数が使用する関数を定義するだけです。コードを読みやすくし、JSLintをシャットダウンします。例えば

：

var MyNamespace = new function() { 
    var bar = function() { 
     alert("bar"); 
    }; 

    var foo = function() { 
     bar(); 
    }; 

    this.init = function() { 
     foo(); 
    }; 
}; 

Answer 3

barは、それが割り当てられていた後、それだけでうまくいくことを意味し、関数式ではなく、関数の宣言です。代わりに関数宣言を使用することができ、jslintはこれ以上不平を言わないでしょう。

function bar() { 
    ... 
} 

はまた、new Functionはfunctionが十分で、不要です。

編集：

がnewを取り除くために、この場合のように思えるの自動呼び出し機能(function(){}())やオブジェクトを使用するリテラル{}