绑定事件中函数的执行的顺序

for(var m=0;m<menuItems.length;m++){
        menuItems[m].setAttribute("data-index",m);
        menuItems[m].onmouseover=function(){
            console.log(m);
            // var idx=this.getAttribute("data-index");
            // subMenu.className="sub-menu";
            // for(var j=0;j<innerbox.length;j++){
            //     innerbox[j].style.display='none';
            //     menuItems[j].style.background='none';
            // }
            // innerbox[idx].style.display='block';
            // menuItems[idx].style.background='rgba(0,0,0,0.1)';
        }
    }

老师，这个总是输出的4，为啥不是for循环一个一个绑定，然后执行后面的function呢？function难道是最后执行的吗？请老师指教。。。