以下两个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是局部变量，因此它们的名称可以最小化：

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

)(window, document);