addEventListener循环绑定出现问题

今天在写轮播图下面按钮绑定对应图片时这样写的

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

     clicks[i].addEventListener( "click" ,function(){
          slide_img.style.marginLeft = -imgWidth * i  + "px"
     })
   
    
}

这时候我发现for循环和addEventListener在一起的时候产生了神奇的现象
i变成了一个最大值 我百度了一下 说是闭包导致的 所以记录一下

如下解决
(function(i){
clicks[i].addEventListener( “click” ,function(){
slide_img.style.marginLeft = -imgWidth * i + “px”
})
})(i)