javascript进阶最后一节编程挑战中，标题元素绑定点击事件

1.for(var i=0;i<lis.length;i++){

lis[i].onclick=function(){change(i,this)};

}

2.lis[0].onclick=function(){change(0,this)};

lis[1].onclick=function(){change(1,this)};

lis[2].onclick=function(){change(2,this)};

两种写法有区别？为什么我用第二种可以实现标题和内容对应，使用第一种，传入的参数i变成了全是3