js-闭包-1.1

最新推荐文章于 2024-09-12 08:00:00 发布

彩舒

最新推荐文章于 2024-09-12 08:00:00 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签：闭包 js

本文链接：https://blog.youkuaiyun.com/caishu1995/article/details/86506838

前端技术专栏收录该内容

105 篇文章

订阅专栏

本文探讨了JavaScript中使用闭包和即时函数解决变量作用域问题的方法。通过两个示例代码对比，解释了为何直接在循环中定义的函数会返回错误的值，以及如何利用闭包和即时函数正确捕获循环变量的当前值。

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

来，大家看一个问题，大家看看这个代码的结果是多少

function test() {
    var result = new Array();
    
    for(var i = 0; i < 10; i++){
        result[i] = function() { return i; }
    }
    
    return result;
}

var arr = test();
console.log(arr[1]());

答案是10哦，为什么呢？因为当循环结束的时候，i变成10了哦。然后arr[1]()的结果是返回i。于是就是10。

可是这样不行啊，我想要返回i啊，怎么办呢。。。

来，再看个代码。

function test() {
    var result = new Array();
    
    for(var i = 0; i < 10; i++){
        result[i] = (function(num) {
            return function() { return num; }
        })(i);
    }

    return result;
}

var arr = test();
console.log(arr[1]());

答案是1哦，为什么呢？因为遍历的时候，result[i]就是相当于ƒ(){ return num; },那么num是多少呢？就是当时的i。然后arr[1]()的结果是返回num。于是就是1。

今天终于找到这个问题的解决方案好开心啊。