关于jquery中 (function( window, undefined ) {})()写法

01
今天在读 jQuery代码的时候，发现下面的写法：
02
(function( window, undefined ) {
03
… // code goes here
04
})(window);
05
window 肯定是没问题， 表示 BOM 浏览器对象模型中的 window 对象。但是这里为什么会有一个名为 undefined 的形参呢？起初的时候很不理解。去技术群请教了一下，才真正理解了这里的原因。
06
原来，Javascript 中的 undefined 并不是作为关键字（全部Javascript关键字列表）出现的。因此可以允许用户对其赋值。例如：
07
varundefined = ‘myValue’;
08
如此一来，假如 jQuery 中使用下面的写法：
09
(function( window ) {
10
… // code goes here
11
})(window);
12
必然造成中间代码里的 undefined 遭到污染。因为在默认情况下，对于一个未定义的变量，它的值应该是 undefined，假如用户使用形如
13
varundefined = ‘myValue’;
14
// 或者
15
window.undefined = ‘myValue’;
16
的代码进行赋值，那么，jQuery 中的 undefined 的值就变成了用户指定的值（这里是字符串 ‘myValue’）。这样会造成 jQuery 内部异常。
17
 
18
而 jQuery 采用的这种写法，就很好的避免了这个问题。在执行匿名函数的时候，只传递一个参数 window, 而不传递 undefined，那么函数体中的 undefined 局部变量的值，刚好就是 undefined. 甚为巧妙啊。
19
 
20
比较下面几段代码：
21
 
22
<script type=”text/javascript”>
23
(function(window, undefined){
24
alert(undefined);
25
})(window);
26
</script>
27
 
28
<script type=”text/javascript”>
29
var undefined = ‘myValue’;
30
(function(window){
31
alert(undefined);
32
})(window);
33
</script>
34
 
35
<script type=”text/javascript”>
36
var undefined = ‘myValue’;
37
(function(window, undefined){
38
alert(undefined);
39
})(window);
40
</script>
41
 
42
<script type=”text/javascript”>
43
var undefined = ‘myValue’;
44
window.undefined = ‘myValue_2′;
45
(function(window){
46
alert(undefined);
47
})(window);
48
</script>
49
 
50
<script type=”text/javascript”>
51
var undefined = ‘myValue’;
52
window.undefined = ‘myValue_2′;
53
(function(window, undefined){
54
alert(undefined);
55
})(window);
56
</script>

作者：leon_lau