探讨JavaScript同名函数的作用域是否会被覆盖？

最新推荐文章于 2022-04-07 14:27:08 发布

weixin_33852020

最新推荐文章于 2022-04-07 14:27:08 发布

阅读量336

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5c7c55ee5188251800248768

探讨JavaScript中使用闭包解决for循环内函数正确访问变量问题，对比不同方法实现及效果，深入理解函数作用域与闭包机制。

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

昨天夜里，在重新理解使用闭包解决for循环中函数正确访问变量的问题时，发现了了这个知识盲区，请大佬讲解一下。

问题如下：

for ( var i = 0; i < 5; ++i ) {

	setTimeout( function() { console.log( i ) }, 100 );

}复制代码

由于JavaScript不存在块级作用域，这个循环执行五次后，setTimeout函数中的回调会打印出：

5 5 5 5 5复制代码

在不使用ES6中的块级绑定声明，let，const（会因为声明变量只读问题报错）的情况下，一般会通过闭包这一特性解决变量 i 的正确访问问题。如下：

for ( var i = 0; i < 5; ++i ) { 

    (function( j ) { 

        var j = i; 
        setTimeout( function() { console.log( j ) }, 100 ); 

    })( i );
 
}复制代码

结果如下：

0 1 2 3 4复制代码

如果我们不使用IIFE函数，而使用具名函数：

for ( var i = 0; i < 5; ++i ) {

	function closure( i ) {

		var j = i;
		setTimeout( function() { console.log( j ) }, 100 );

	}

	closure( i );

} 复制代码

同样得到如下结果：