javascript - 不换行(头部)与 onLoad

Question

在此demo , 如果我使用 (no wrap) 或 (onLoad)，我会得到不同的输出。

我的问题是，在 html 文件中，要获得正确的警报:1,2,3,4 需要对代码进行哪些更改？通过简单的 dojo 加载，我在所有警报中总是得到 4:

<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"></script>

 <script type="text/javascript">
    var slider = [];

    for (i = 0; i < 4; i++) {

        slider[i] = function () {

            alert([i]);

        };
        dojo.addOnLoad(slider[i]);
    }
    </script>

Answer 1

你可以使用 closure :

var slider = [];

for (i = 1; i < 5; i++) {

    slider[i] = (function (i) {

        return function () { alert([i]); }

    })(i);
    dojo.addOnLoad(slider[i]);
}

这会将 i 保存到另一个保存状态的函数范围中。如果没有闭包，i 的作用域就是原始函数。