Может ли вложенная функция помещаться в глобальную область Javascript?

Question

У меня возникла ситуация, когда я пытаюсь объединить несколько файлов Javascript в один и условно применить их. Я не хочу изменять фактические файлы. Есть ли способ обернуть эти файлы и вызвать их по запросу?

Уловка, некоторые из этих файлов имеют функцию xyz() {} в них. Итак, обертывание их if (false) {function xyz() {}} приводит к плохим вещам.

Например, если это мой код ...

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

Проблема становится, что Chrome будет видеть 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(); 

Есть несколько similarquestions. Но никто не обращался к той же ситуации, что и я. Благодарю.

Answer 1

Считаете ли вы использование библиотеки, например, require.js? Есть несколько библиотек, которые могут сделать это для вас более элегантно.

Если вы не хотите библиотеку загрузки зависимостей, но используете jQuery или какую-либо подобную библиотеку, вы можете условно загрузить сценарии с использованием запроса AJAX (в jQuery вы должны использовать 0TTdataType). Это намного лучше, чем простой 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 в качестве аргумента анонимной функции, но это не плохая идея, если вы собираетесь ссылаться на него несколько раз (это ускоряет ссылки и позволяет перетаскивать имя переменной во время кода сжатие).