js 添加事件监听调用的函数传递参数是变量时是undefined

Question

var Screenname=['Screen11','Screen12','Screen13','Screen21','Screen22','Screen23','Screen31','Screen32','Screen33'];
var ScreenShow  //显示九个屏幕，用于选择
for(var i=0;i<8;i++){
                ScreenShow=document.getElementById("Screen11").cloneNode(true);
                ScreenShow.setAttribute("class","Screen_Status1");              
                ScreenShow.addEventListener("click",function(){fun_Screencontrol(Screenname[i+1]);//这一句和下一句两种写法哪种更规范？这里的变量Screenname[i+1]可以传递到函数中吗？
                });
                //ScreenShow.setAttribute("onclick","fun_Screencontrol(" + Screenname[i+1] + ")");
                Screenspace.appendChild(ScreenShow);
            }

function fun_Screencontrol(Screen){
                alert("Screen")//显示[object HTMLDivElement]
                alert("Screenname[3]" + Screenname[3]);//显示Screeen21
                if(Screen == Screenname[3])
                {
                    alert("为什么不执行");//这一句不执行
                }
                    if(Screen == Screen21)
                {
                    alert("执行");//这一句执行
                }

叙述的有点乱

Answer 1

在for循环中把你要传的参数定义出来,再传参，

var screen = Screenname[i+1];

还有一点疑问，你数组的第一个下标的值不需要传递？所以才i+1? 那为什么不直接i=1呢？