入れ子関数をJavascriptのグローバルスコープに配置できますか？

Question

私は、いくつかのJavascriptファイルを1つに統合し、それらを条件付きで適用しようとしている状況があります。私は実際のファイルを変更したくありません。これらのファイルをラップしてオンデマンドで呼び出す方法はありますか？

これらのファイルの中には、関数xyz（）{}が含まれているものがあります。だから、if（false）{function xyz（）{}}でそれらをラップすると、悪いことが起こります。例えば

、これは私のコードであれば...

if (includeFile) { 
    /* The file */ 
    function foo() {} 
    /* The file */ 
} 

問題はクロームがfoo（）を参照してくださいとグローバルスコープeven if includeFile is falseに配置されることになります。

簡単な解決策はvar foo = function（）{}に変更することですが、これらのファイルを変更することはできません。

私はまた、これらの関数がかなり大きいので、eval（）を実行することについて一般的に懸念しています。 （関数内にjQueryが入っていると思っていますが、問題がなければevalは答えでしょうか？）

関数をネストしてスコープとしてウィンドウを渡すことができましたが、tried it on jsFiddle and it didn't seem to workです。

(function() { 
    function foo() { 
     alert('it works'); 
    } 
}).apply(window, []); 

foo(); 

questionssimilarいくつかあります。しかし、誰も私が持っているのと同じ状況に対処していません。ありがとう。

Answer 1

require.jsのようなライブラリを使用したことはありますか？よりエレガントな方法であなたのためにこれを行うことができるいくつかのライブラリがあります。

jQueryなどのライブラリを使用している場合は、AJAXリクエストを使用して条件付きでスクリプトをロードできます（jQueryの場合はscriptデータ型を使用します）。これは単純なeval()よりはるかに優れていますが、一連の依存関係を管理しようとすると堅牢性が低下します。あなたは、単にすべてを連結する場合

ここでもう一つのオプションは、グローバルスコープに置く、無名関数内の各ファイルをラップして、windowオブジェクトに必要な要素を割り当てることです：

(function(window) { 

    /* file 1 here */ 
    function xyz() { 
     // etc ... 
    } 
    /* end file 1 */ 

    // now selectively choose what you want to be 
    // in the global scope 
    window.xyz = xyz; 

}(window)); 

xyz(); 

しかし、これは世界中で利用できるものを特定するために、より多くの作業を必要とします。匿名関数の引数としてwindowを渡す必要があることに注意してください。ただし、複数回参照する場合は悪い考えではありません（これにより、参照のスピードアップとコード中の変数名の変更が可能になります）。圧縮）。