js中的闭包在循环的理解
在JavaScript中，闭包（Closure）是指一个函数能够记住并访问其词法作用域，即使在其外部执行环境中。当涉及到循环时，闭包的理解和使用可能会变得有些复杂，因为循环的迭代变量在每次迭代中都会更新，而闭包可能会捕获这些变量的引用，而不是它们的值。
闭包在循环中的问题
考虑以下代码：
function createFunctions() {
var functions = [];
for (var i = 0; i < 3; i++) {
functions.push(function() {
console.log(i);
});
}
return functions;
}
var funcs = createFunctions();
funcs[0](); // 输出 3
funcs[1](); // 输出 3
funcs[2](); // 输出 3在这个例子中，我们期望每个函数输出其在创建时的i的值，即0、1、2。但实际上，每个函数都输出了3，这是因为所有的闭包都共享了同一个i变量的引用，当循环结束时，i的值是3。
解决方法
要解决这个问题，有几种常见的方法：
1. 使用立即执行函数表达式（IIFE）
通过创建一个新的作用域来捕获当前的i值：
function createFunctions() {
var functions = [];
for (var i = 0; i < 3; i++) {
(function(j) {
functions.push(function() {
console.log(j);
});
})(i);
}
return functions;
}
var funcs = createFunctions();
funcs[0](); // 输出 0
funcs[1](); // 输出 1
funcs[2](); // 输出 22. 使用let关键字
在ES6中，let关键字允许块级作用域，每次迭代都会创建一个新的i变量：
function createFunctions() {
var functions = [];
for (let i = 0; i < 3; i++) {
functions.push(function() {
console.log(i);
});
}
return functions;
}
var funcs = createFunctions();
funcs[0](); // 输出 0
funcs[1](); // 输出 1
funcs[2](); // 输出 23. 使用forEach方法
如果你使用数组的forEach方法，它会为每次迭代创建一个新的作用域：
function createFunctions() {
var functions = [];
[0, 1, 2].forEach(function(i) {
functions.push(function() {
console.log(i);
});
});
return functions;
}
var funcs = createFunctions();
funcs[0](); // 输出 0
funcs[1](); // 输出 1
funcs[2](); // 输出 2总结
闭包在循环中的问题主要是由于变量共享导致的。通过使用IIFE、let关键字或者forEach方法，可以创建新的作用域来捕获当前的变量值，从而避免这个问题。理解闭包和作用域是掌握JavaScript高级编程的关键部分。
相关·内容
4回答
闭包在JS中的主要用途是什么？它只是用于公共和私有变量吗？或者还有什么是我错过的。我试图理解闭幕式，并真正想知道使用它的主要优点是什么。
浏览 3提问于2011-06-10得票数 23
回答已采纳
我正在尝试理解闭包在Groovy中是如何工作的，以及如何在一个方法中传递这些闭包。
浏览 6提问于2018-07-11得票数 0
回答已采纳
根据
但是，不可能用非转义闭包创建引用循环编译器可以保证闭包在函数返回时释放了它捕获的所有对象。但是，我仍然不明白为什么@nonescaping闭包不保留self，也不需要[weak self]？有人能用更简单的方式解释这个概念吗？
浏览 3提问于2019-07-25得票数 2
回答已采纳
2回答
这是我的简单groovy脚本； str*4}这里我想做的就是能够使用闭包实例访问自由变量"str“，以便更好地理解闭包在幕后是如何工作的。比如Python的locals()方法。
有没有办法做到这一点？
浏览 3提问于2018-10-16得票数 2
5回答
封闭误解
、
我以为我理解闭包，但我想不是。下面是一个代码示例，它显示了我遇到的问题。我希望代码能将“文本”打印到控制台。function() {};
var text = 'text';};
我以cb的形式运行外部函数和内部函数在这种情况下，我得到的var文本是未定义的。我认为，由于js闭包，内部函数仍然有对文本变量
浏览 9提问于2016-04-05得票数 1
回答已采纳
您经常在web上看到使用闭包是JavaScript中大量内存泄漏的来源。大多数情况下，这些文章都提到混合脚本代码和DOM事件，其中脚本指向DOM，反之亦然。闭包还会有什么其他问题？有没有人能详细说明或者给我推荐一个好的教程呢？请注意，此问题明确针对Node.js，而不是浏览器。
浏览 25提问于2013-10-24得票数 61
回答已采纳
Javascript，事件循环，setTimeout，IIFE，闭包setTimeout()是非阻塞的，由浏览器Web处理，当计时器完成时，它将回调放在回调队列中然后，事件循环等待调用堆栈可以依次运行每个回调。setTimeout闭包在匿名IIFE上关闭，并对每个迭代具有正确的索引值。i);/*Output in console isloo
浏览 0提问于2019-01-02得票数 2
回答已采纳
当我在闭包中使用ADVANCED_OPTIMIZATIONS时，我可以向web.config属性添加以下内容：然后我会在我的代码中写：在高级模式下，我不会在.js文件中看到此脚本。我想对我自己的属性做同样的事情--我已经创建了一个define.js文件：goog.scope(functio
浏览 1提问于2014-03-26得票数 1
我试图理解闭包在Javascript中是如何工作的。在最后一行，如果我输入sayHi("Hello")("John Doe")，控制台将如期显示"HelloJohn Doe“。
浏览 5提问于2021-11-19得票数 1
我一直在尝试理解Groovy脚本，但我做的一个例子是碰到了一个意想不到的StackOverflow。
foo闭包在定义另一个名为bar的闭包之前，将其所有者打印为“坦克”。
浏览 1提问于2022-10-09得票数 1
回答已采纳
1回答
我是JS的新手，在学习JS中的闭包时，我还发现闭包在内存效率方面很有用。假设，我们有以下使用闭包的代码：{return hugeArray[index];}
const getHugeArray
浏览 1提问于2019-12-29得票数 0
所有类似于我的问题的答案都说，在For循环完成后，i的值将是1，所以这就是闭包所使用的，然后eventListener将被添加到同一第二段中？而且我可以使用Immediately-Invoked Function或let来将i私有于闭包，我不知道如果闭包在循环的每一次迭代中都有访问权限，为什么要使ì成为私有的。我只是不明白这里到底发生了什么，循环不是一个接一个地执
浏览 1提问于2016-11-02得票数 0
回答已采纳
我在一个教程中找到了一些例子(说这是一个规范的例子) setTimeout(function() {console.log("i: " + i); }
现在，我明白了，闭包在当前作用域中传递给函数，我假设它应该输出1,2,3,4,5，但实际上，它输出了5我在chrome调试器中运行它，首先，它在执行i值递增时，没有进入函数，而是循环，之后，它进入
浏览 0提问于2015-04-22得票数 1
2回答
我想迭代一个enum，然后在switch/case语句中使用$0，在闭包中向下使用$0，这个闭包在enum迭代循环中的fetch操作中被调用，如下所示： case purchase // etc....然后，要使用的代码如下： //
浏览 0提问于2018-09-27得票数 0
回答已采纳
2回答
我使用一些静态数据来生成图表，使用立体主义的context.metric函数。但是，尽管我在回调函数中传递了不同的数组，但所有的图表最终都显示了相同的值数组(最后一个传入)。callback) { }, key);
}我
浏览 5提问于2013-06-28得票数 0
回答已采纳
对于lambda表达式，我不太明白闭包在C++11中的用处。int n = 2;std::cout << f(2);为什么不把闭包作为参数呢？
浏览 8提问于2014-07-04得票数 2
回答已采纳
我无法解释我遇到的问题。基本上，在foreach循环中使用lambda语法与在for循环中使用lambda语法得到的结果不同。在下面的代码中，我在"dispatcher“类中注册了一个委托。然后，我稍后在另一个委托中包装委托，并返回这些包装的委托的列表。然后我会执行它们。执行包装的函数列表的预期输出是1,2。但是，当我结合使用lambda和foreach循环时，我看不到这一点。这不是导致问
浏览 2提问于2010-12-03得票数 1
回答已采纳
现在，当闭包在其主体内引用self时，闭包捕获self，这意味着它持有对HTMLElement实例的强引用(见下文)。在两者之间创建了一个强大的参考循环。这意味着实例不会反初始化(如下所示)；然而，当我尝试用标题(实例)替换self时，反初始化确实起作用了，这意味着不存在强引用循环。我的理解是，这种情况下的标题与self相同，因为self本身就是实例。HTMLElement(name: "h4")
浏览 0提问于2017-09-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
