いつ、どのようにRequire.JSを使用するのかを理解する

Question

私は今、Require.JSで作業を始めました。使用すべき適切なケースとそれを使用する正しい方法については少し不明ですそのような場合に。

ここに私が現在Require.JSで設定したことがあります。私は2つの機能、functionA()とfunctionB()を持っています。これらの機能の両方に、追加機能が必要です（functionC()）。

私は、functionA（）またはfunctionB（）が呼び出されるときに、必要なときだけfunctionC（）をロードします。

functionC.js

functionC(){ 
    //do stuff 
} 

functionA.js

functionA(){ 
    define(['functionC'],function(){ 
    //functionC() is loaded because it is listed as a dependency, so we can proceed 
    //do some functionA() stuff 
    }); 
} 

functionB.js

functionB(){ 
    define(['functionC'],function(){ 
    //functionC() is loaded because it is listed as a dependency, so we can proceed 
    //do some functionB() stuff 
    }); 
} 

：だから私は、次のファイルを持っています

これは正しく設定されていますか？そして、私が同じページでfunctionA（）とfunctionB（）の両方を呼び出すと、functionC.jsファイルを読み込むので余分な作業が行われますか？もしそうなら、それは問題ですか？もしそうなら、それを設定してfunctionC.jsがまだロードされているかどうかをチェックし、まだロードされていない場合はロードするしか方法はありますか？最後に、これはRequire.JSの適切な使用ですか？

Answer 1

define()は、モジュールの定義にのみ使用してください。コードの一部が動的にロードされるべきである上記の例については、require()を使用することがより適切である：

functionA.js

functionA(){ 
    require(['functionC'],function(functionC){ 
    //use funcC in here to call functionC 
    }); 
} 

いくつかの注意事項：

require([])
• は、非同期でありますしたがって、functionAの呼び出し元がその関数からの戻り値を期待している場合は、エラーが発生する可能性があります。 functionAが、functionAが処理されたときに呼び出されるコールバックを受け入れることが最善です。
• 上記のコードは、functionAへのすべてのコールに対してrequire()を呼び出します。しかし、最初のコールの後には、functionC.jsをロードするペナルティはありません。一度だけロードされます。最初にrequire()が呼び出されると、functionC.jsがロードされますが、残りの時間はRequireJSが既にロードされていることが分かりますから、を再度要求せずにfunction(functionC){}関数を呼び出します。

Answer 2

あなたはここにRequireJSとJavaScriptのモジュールについての詳細を見つけることができます：あなたの応答のためのJavaScript modularity with RequireJS (from spaghetti code to ravioli code)