JavaScript-闭包

最新推荐文章于 2025-06-09 09:53:44 发布

Amustlang

最新推荐文章于 2025-06-09 09:53:44 发布

阅读量395

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： JavaScript闭包

本文链接：https://blog.youkuaiyun.com/qq_36130706/article/details/80311541

javaScript 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了JavaScript中闭包的使用及作用域问题，详细分析了一段代码中闭包导致的意料之外的结果，并提供了修改建议以实现预期输出。

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

1、闭包实例

 function test() {
            var arr = [];
            for (var i = 0; i < 10; i++) {
                arr[i] = function () {
                        document.write(i + "");
                    }
            }
            return arr;
        }
        var myArr = test();
        for (var j = 0; j < 10; j++) {
            myArr[j]();
        }

2、上述闭包输出结果：10 10 10 10 10 10 10 10 10 10

分析：1、arr[i]=function(){document.write(i+"")}是赋值语句；所以document.write(i+"")是没执行的；因此for循环中的i和数组中function的i不是一一对应实时的；可也通过

function test() {
            var arr = [];
            for (var i = 0; i < 10; i++) {
                arr[i] = function () {
                        document.write(i + "");
                    }
            }
            return arr;
        }
        var myArr = test();
        for (var j = 0; j < 10; j++) {
            document.write(myArr[j]);
        }

输出结果为：function(){document.write(i+" ")}function(){document.write(i+" ")}function(){document.write(i+" ")}..........

2、闭包中产生闭包；所以最后函数执行的时候，函数访问的i是test函数作用域中i的变量，而那时候函数i的值已经是10了；所以下面在执行数组中的函数的时候查询的i的值全是10；

3、有什么办法可也让函数输出为正常的数字序列吗？下面这个写法可也解决，有且仅当这样写才能解决闭包的一个问题，其原理就是产生一个闭包对应一个闭包的作用域链；

function test() {
            var arr = [];
            for (var i = 0; i < 10; i++) {
                (function (j) {
                    arr[j] = function () {
                        document.write(j + "");
                    }
                }(i));
            }
            return arr;
        }
        var myArr = test();
        for (var j = 0; j < 10; j++) {
            myArr[j]();
        }