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

原创

于 2019-04-07 17:55:12 发布

· 6.3k 阅读

15 ·

版权

文章标签：

#JS #闭包 #this对象 #for循环遍历

本文探讨了在JavaScript的for循环内部，如何在函数中正确获取循环变量i的值。通过分析错误实例，提出了两种解决方案：1) 将i作为DOM对象的属性绑定；2) 使用立即执行函数实现闭包。这两种方法都是为了保留每次循环时i的值，避免因作用域问题导致的错误。文章详细解释了每种方法的实现原理，并对相关知识点如闭包、this对象和同步异步操作进行了补充说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

最低0.47元/天解锁文章