Question

This question already has answers here:

How do JavaScript closures work? (86 answers)

JavaScript closure inside loops – simple practical example (45 answers)

Closed last year.

在接下来的片段中,调用函数为什么和如何形成一个全新的执行环境,保留了 > i 的价值?

function getHandler(n) {
    return function() {
        alert(  You clicked on:   + n );
    };
}
 
for (var i = 0; i < 100; ++i) {
    myElements[i].onclick = getHandler(i);
}

Answer 1

s 是由 JavaScript 关闭和 JavaScript 循环中宣布的变量行为引起的。由于参数 n 是 adHandler s 关闭的一部分, n 保持了该参数对于自己内部宣布的函数实例的价值。恰好如此, 您从全球空间的循环中通过 i 。

。

如果您想在 addHandler 内对递增 n 做点什么, 你会看到它实际上不会影响 i 。再一次,这是因为关闭, n 在 addHandler s 关闭内存在, 并且只是被 i 所覆盖。

  行为 。


由于关闭, n  无论在 addHandler  (此处存在某些函数引用) 中创建什么, 都存在 n  。

我希望这说得通 我想很难解释

EDIT: 及其运作方式。

友情链接