在for循环内部的函数中获取for循环中的循环变量i

先来看一组简单代码，引出这篇博客的核心

for(var i=0;i<9;i++){
    console.log(i);     //依次输出0.1.2.3.4.5.6.7.8
    function f() {
        console.log(i);;
    }
}
f();//输出单个9

在这段代码中， 在函数内部，i的值为确定的9，这是因为for循环{}没有块级作用域的概念，在通过作用域链引用i时引用的是全局变量对象中的i，在全局作用域中只有一个确定的i值，也就是for循环完毕之后的i的值：9。

下面介绍几种可以使函数内部可以获取到循环变量i的方法，先来看一组错误的实例

allList = $("tab_header").getElementsByTagName("li");
doms = $("tab_content").getElementsByClassName("dom");
for(var i=0;i<allList.length;i++){
    allList[i].onmouseover = function () {
       allList[i].className = "selected"
        doms[i].st