您的位置:首页 > Web前端 > JavaScript

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

2012-02-28 14:00 155 查看
今日读一源码,偶见如下写法:

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


这个undefined的作用是什么呢?主要如下:

1,可以获得干净的undefined。

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

var undefined = 1;
alert(undefined);

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


经过部分浏览器运行之,得到:

运行浏览器结果
opera依次弹出两个undefined
ie8.01,undefined
firefox依次弹出两个undefined
chrome1,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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: