Как работает этот синтаксис JavaScript/JQuery: (function (window, undefined) {}) (window)?

Question

Вы когда-нибудь смотрели под капотом на JQuery 1,4 исходного кода и заметил, как он воплощен в следующим образом:

(function(window, undefined) { 

    //All the JQuery code here 
    ... 

})(window); 

я прочитал статью о JavaScript Namespacing и еще один под названием "An Important Pair of Parens , «поэтому я знаю кое-что о том, что здесь происходит.

Но я никогда не видел этот синтаксис раньше. Что это такое undefined делать там? И почему window необходимо передать, а затем снова появиться в конце?

Answer 1

неопределенное является нормальной переменной и может быть изменен только с undefined = "new value";. Таким образом, jQuery создает локальную «неопределенную» переменную, которая ДЕЙСТВИТЕЛЬНО не определена.

Переменная окна сделана локальной по соображениям производительности. Потому что, когда JavaScript просматривает переменную, она сначала переходит через локальные переменные, пока не найдет имя переменной. Когда он не найден, JavaScript проходит через следующую область и т. Д., Пока он не фильтрует глобальные переменные. Поэтому, если переменная окна сделана локальной, JavaScript может быстрее ее искать. Дополнительная информация: Speed Up Your JavaScript - Nicholas C. Zakas

Answer 2

window передается таким образом, что на тот случай, если кто-то решит переопределить объект окна в IE, я предполагаю то же самое для undefined, если он будет повторно назначен каким-то образом позже.

Верхний window в этом скрипте просто называет аргумент «окно», аргумент, который является более локальным, чем глобальная ссылка window, и это то, что будет использовать код внутри этого закрытия. window в конце фактически указывает, что передать для первого аргумента, в данном случае текущее значение window ... надеюсь, что вы не испортили window, прежде чем это произойдет.

Это может быть легче думать, показывая наиболее типичный случай, используемый в JQuery, плагин .noConflict() обработку, так что для большинства коды вы можете использовать $, даже если это означает что-то другого чем jQuery вне этой сферы :

(function($) { 
    //inside here, $ == jQuery, it was passed as the first argument 
})(jQuery); 

Answer 3

Другие пояснили undefined. undefined - это как глобальная переменная, которая может быть переопределена на любое значение. Этот метод заключается в том, чтобы не допустить, чтобы все неопределенные проверки были нарушены, если кто-то написал, скажем, undefined = 10. Аргумент, который никогда не передается, гарантированно действителен undefined независимо от значения переменной undefined.

Причины прохождения окна можно проиллюстрировать следующим примером.

(function() { 
    console.log(window); 
    ... 
    ... 
    ... 
    var window = 10; 
})(); 

Что делает журнал консоли? Значение window Объект правильно? Неправильно! 10? Неправильно! Он регистрирует undefined.Javascript интерпретатор (или JIT компилятор) переписывает это таким образом -

(function() { 
    var window; //and every other var in this function 

    console.log(window); 
    ... 
    ... 
    ... 
    window = 10; 

})(); 

Однако, если вы получаете переменную window в качестве аргумента, не вар и, следовательно, никаких сюрпризов.

Я не знаю, делает ли это jQuery, но если вы переопределяете локальную переменную где угодно в вашей функции по какой-либо причине, неплохо заимствовать ее из глобальной области.

Answer 4

Неопределенное

Объявив undefined в качестве аргумента, но никогда не передавая значение это гарантирует, что оно всегда не определено, так как это просто переменная в глобальной области, которые могут быть перезаписаны. Это делает a === undefined безопасной альтернативой typeof a == 'undefined', что экономит несколько символов. Это также делает код более дружественным к minifier, так как undefined можно сократить до u, например, сохранив еще несколько символов.

Window

Передача window как аргумент сохраняет копию в локальной области, которая влияет на производительность: http://jsperf.com/short-scope. Все обращения к window теперь должны будут перемещаться на один уровень за пределы области действия. Как и в случае с undefined, локальная копия снова позволяет более агрессивную оценку.

---

Sidenote:

Хотя это, возможно, не было намерения разработчиков JQuery, переходящая в window позволяет библиотеку быть легко интегрирован в серверных средах Javascript, например node.js - где нет глобального объекта window. В такой ситуации необходимо заменить только одну строку, чтобы заменить объект window на другой. В случае jQuery может быть создан и передан объект mock window с целью очистки HTML (такая библиотека может быть jsdom).

Answer 5

Протестировано с 1000000 итерациями. Такая локализация не влияла на производительность. Даже ни одна миллисекунда в 1000000 итераций. Это просто бесполезно.