02月28, 2012

从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)</pre>

压缩后可以变为:

(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

本文链接:https://75team.com/post/从javascript闭包函数的undefined形参说起.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。