封闭空间

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <meta name="author" content=" - .com">
 6 <meta name="copyright" content=" - .com">
 7 <title> - www..com</title>
 8 <style>
 9 </style>
10 <script>
11     window.onload = function(){
12         
13         
14         //w
15         (function(){
16             var oBtn = document.getElementById('btn1');
17             oBtn.onclick = function(){
18                 alert(oBtn.value);    
19             };
20         })();
21         
22         //z
23         (function(){
24             var oBtn = document.getElementById('btn2');
25             oBtn.onclick = function(){
26                 alert(oBtn.value);    
27             };
28         })();
29         
30         
31         
32     };
33 </script>
34 </head>
35 <body>
36     <input type="button" value="aaa" id="btn1">
37     <input type="button" value="bbb" id="btn2">
38 </body>
39 </html>

i的问题
1.循环里面用定时器，定时器里面用i i不是 0 1 2 而是长度
2.循环里面用事件，事件里面用i,i的问题
a）this.index 自定义属性
b) 封闭空间函数每执行一次，复制一次函数（带着参数去复制）
()前边的小括号是函数定义
()后面的小括号是函数的调用
(function(index){})(i);

总结封闭空间

i的问题
a.循环里面用事件，事件里面用i,i的问题
b.循环里面用定时器，定时器里面用i i不是 0 1 2 而是长度
前端协作命名冲突
1.提前商量
2.封闭空间