javascirpt 闭包

<p>P1</p>
<p>P2</p>
<p>P3</p>
<p>P4</p>
<p>P5</p>
<p>P6</p>

<script>
function clickP(){
var a = document.getElementsByTagName("p");
    for(var i=0;i<a.length;i++){
            a[i].onclick = function(){
                    alert(i);
                };
        }

}

clickP();
</script>

/*修改上述方法，点击p弹出对应序号
        *创建闭包的一条原则就是：不要引用循环变量！
        *如果一定要在闭包中引用循环变量怎么办？？？

        *方法是再创建一个函数，将循环变量作为函数参数传入
        */
        
        
        function clickP(){
                var a = document.getElementsByTagName("p");
                for(var i=0;i<a.length;i++){
                            var fn = function(n){
                                a[n].onclick = function(){
                                    alert(n+1);
                                }
                                }
                            fn(i);
                    }
            }
        
        clickP();