从javascript闭包函数的undefined形参说起

今日读一源码，偶见如下写法：

;(function(win, doc, undefined) {
//some code
})(this , document);

这个undefined的作用是什么呢？主要如下：

1，可以获得干净的undefined。

     在各个浏览器试运行如下代码

var undefined = 1;
alert(undefined);

(function(undefined) {
    alert(undefined);
})();

经过部分浏览器运行之，得到：

运行浏览器	结果
opera	依次弹出两个undefined
ie8.0	1，undefined
firefox	依次弹出两个undefined
chrome	1,undefined

      由此可见，当外部undefined被污染，有浏览器会呈现与undefined本意不一致的行为。

归根结底在于，在ECMAScript标准之中，undefined不是关键字。ECMAScriptV3中规定了名为undefined的全局变量，初始值为undefined。这意味着undefined是可以被赋值的。于是如果不慎给undefined赋上了值（我理解正常思维的人一般不会这么干，但是如果是运行程序的某一步就难说了），后面再使用undefined就会出错。为此，严谨的类库会对外声明一个不会用到的形参，把undefined重置。上面是一种写法，还可以，简单地在这个当前作用域上var undefined; 

      其实类似的问题也可能会发生在如下标识符上（《JAVAscript权威指南》在第二章的结末给我们列出了一些）：    

      arguments/encodeURI/Infinity/Object/String/

      Array/Error/isFinite/parseFloat/SyntaxError/Boolean/

      escape/isNaN/parseInt/TypeError/Date/eval/

      Math/RangeError/undefined/decodeURI/EvalError/NaN/

      ReferenceError/unescape/decodeURIComponent/Function/

      Number/RegExp/URIError 

      如果你发现有代码覆盖了上述标识符，建议将作者活活打死。

2，另外，对于压缩而言，内部使用undefined可以增加压缩的效果。

看如下代码：

(function(window, undefined) {
  alert(window);
  alert(undefined);
})(window)

压缩后可以变为：

(function(a,b){alert(a),alert(b)})(window)

如果写成这样，就压不动了

(function() {
    alert(window);
    alert(undefined);
})() 

 

实际上，很多对外发布的类库，为了增加压缩，也会把window , document等这样的对象，传进去。

 参考资料：

  1，javascript权威指南第五版

  2，http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm

  3，ququ , JK , huanghuan , 曜子 ,  大宝 and so on