Каковы различия между следующими двумя javascript-кодами?

Question

В некоторых Javascript кода, который использует непосредственную функцию, то есть аргумент window или document как следующее:

(function (window, document) { 
    ... 
})(window, document); 

Однако window и document глобальные объекты и могут быть доступны непосредственно следующим образом:

(function() { 
    var userAgent = window.navigator.userAgent; 
    ... 
    var el = document.getElementById(...) 
    ... 
})(); 

В чем разница между двумя вышеуказанными кодами. Что лучше и почему?

Answer 1

Две причины я могу думать:

1) Локальные переменные являются первыми в цепочке областей видимости, поэтому их доступ быстрее, чем глобал (с быстрее я имею в виду незначительно быстрее).

2) Внутри функции window и document являются локальными переменными, поэтому их имена могут быть minimified:

(function (w, d) { 
//var userAgent = w.navigator.userAgent; 

)(window, document); 

Answer 2

Разница полиморфизм: в первом случае, вы могли бы передать функции любой пары объектов которые ведут себя как window и объекты document (по крайней мере, для методов, которые вызовут ваши функции), и функция будет работать с ними.

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

Answer 3

В чем разница между двумя вышеуказанными кодами. Что лучше и почему?

По всей практичности и использованию только в браузерах нет заметной разницы.

При этом очень небольшое увеличение производительности происходит от ссылки на локальные переменные вместо глобальных.

Кроме того, это позволяет гибко обменивать реальный window макетной версией; это может быть полезно во время тестирования и в определенных средах, где некоторые из объектов недоступны и должны быть заменены.

Btw, есть еще один аргумент, который вы могли бы передать, то есть undefined; это выглядит следующим образом:

(function(undefined) { 
    // your code 
}()); 

Вы на самом деле не передать что-нибудь к внешней функции и тем самым вы убедитесь, что undefined не был подделан; такие педантичные люди, как я, были бы только void 0 для этой цели, хотя :)