今日读一源码,偶见如下写法:
(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)</pre>
压缩后可以变为:
(function(a,b){alert(a),alert(b)})(window)
如果写成这样,就压不动了
(function() {
alert(window);
alert(undefined);
})()
实际上,很多对外发布的类库,为了增加压缩,也会把window , document
等这样的对象,传进去。
参考资料:
- javascript权威指南第五版
- http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
- ququ , JK , huanghuan , 曜子 , 大宝 and so on
Comments
注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。