如何在 JavaScript 中保留事件监听器中的变量值
考虑以下代码片段：
<code class="javascript">for (var i = 0; i < results.length; i++) {
marker = results[i];
google.maps.event.addListener(marker, 'click', function() {
change_selection(i);
});
}In这段代码中，事件监听器中使用的 i 值始终是循环终止后 results.length 的最终值。要解决此问题，我们需要在创建事件监听器时将 i 的值传递给事件监听器。
使用块作用域变量（ES6 及更高版本）
中现代浏览器中，我们可以使用块作用域变量，例如 let 或 const。这些变量只能在定义它们的块内访问。通过使用块作用域变量，我们可以确保保留事件创建时 i 的值。
<code class="javascript">for (let i = 0; i < results.length; i++) {
let marker = results[i];
google.maps.event.addListener(marker, 'click', () => change_selection(i));
}</code>创建闭包（旧版浏览器）
在不支持块作用域变量的旧版浏览器中，我们可以创建一个闭包来保留 i 的值。闭包是一个封装另一个函数的函数，创建一个嵌套的作用域。通过将 i 作为第一个参数传递给匿名函数，我们可以创建一个保留 i 值的闭包。
<code class="javascript">for (var i = 0; i < results.length; i++) {
(function (i) {
marker = results[i];
google.maps.event.addListener(marker, 'click', function() {
change_selection(i);
});
})(i);
}</code>通过使用块范围变量或闭包技术，我们可以确保每个事件监听器都使用预期的 i 值。
以上是如何在 JavaScript 事件监听器中保留变量值：块作用域变量或闭包？的详细内容。更多信息请关注PHP中文网其他相关文章！
