闭包的常规缺陷以及唯一一种解决方案

Posted 2020-11-23 oo5lll

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]();
                }

首先看for循环,循环时arr[i]变化为arr[0]-arr[9]，但因后面函数并无执行语句执行，所以循环10次结果为：arr[0] = function () {}   ====> arr[9] = function () {}，“document.write”语句未执行，属于‘看不见’的状态，只能看到arr数组的每位都是一个function，一共有10个，此时i的值已因循环变成了10。  然后把arr数组return保存到了外部，此后再执行函数，因i的值已为10，执行时终于才读取到document.write语句，所以打印10，执行10次就打印10个10