今日读一源码,偶见如下写法:
(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权威指南第五版
3.ququ , JK , huanghuan , 曜子 , 大宝 and so on