setTimeout里面的for循环
在 setTimeout 中使用循环时，需要注意 JavaScript 的事件循环机制。setTimeout 是异步的，这意味着它不会阻塞其他代码的执行。在 setTimeout 中使用循环时，可能会导致意外的结果。
例如，以下代码将会在 1 秒后输出数字 5 到 1，而不是按照预期的顺序输出数字 1 到 5。
for (var i = 5; i > 0; i--) {
setTimeout(function() {
console.log(i);
}, 1000);
}这是因为 setTimeout 中的回调函数会在循环结束后执行，此时 i 的值已经变为 0。为了解决这个问题，可以使用立即执行函数表达式（IIFE）来创建一个新的作用域，以便在每次循环时捕获当前的 i 值。
for (var i = 5; i > 0; i--) {
(function(currentI) {
setTimeout(function() {
console.log(currentI);
}, 1000);
})(i);
}这样，每次循环时都会创建一个新的作用域，并将当前的 i 值传递给 IIFE。因此，当 setTimeout 中的回调函数执行时，它将能够访问正确的 i 值。
相关·内容
我只是想理解Javascript中的闭包。我遇到了以下三个例子。
示例1：
for (var i = 0; i <= 10; i++) {
setTimeout(function() {
console.log("i :" + i)
}, i * 1000);
}
输出和预期的一样，因为它将"i : 11“打印到控制台11次，因为只为整个循环创建了一个作用域，即全局scope.To在我使用的每个迭代中都有不同的作用域(立即调用函数表达式)，请参见下面的代码片段。
例:2
for (var i = 0; i <= 10; i++)
浏览 2提问于2017-02-26得票数 1
回答已采纳
4回答
试图理解范围和闭包
、、、、
为了理解JavaScript中的作用域和闭包，我已经阅读了几个教程，并了解了下面的代码。
我理解输出为5、5、5、5、5的第一个块，因为函数在for循环完成后执行。但是，我不完全理解为什么第二个块works...am I正确地认为在每次迭代中调用一个新函数，所以在内存中同时运行5个函数？我想要一个简单的来理解的解释--我刚开始学习JavaScript。
for (var i = 0; i < 5; i++) {
setTimeout(function () {
console.log('index: ' + i);
}, 1000);
}
for (v
浏览 1提问于2018-06-02得票数 0
在练习JavaScript时，我遇到了一个疑问:我正在使用var和let关键字打印变量I值，这两次得到的结果都不一样，但无法理解为什么需要对此做一些解释？？
将i声明为let
<script>
(function timer() {
for (let i = 0; i <= 5; i++) {
setTimeout(
function clog() {
console.log(i);
}, i * 1000
);
}
})();
</script>
输出是从0到5的计数：
另一方面，将i声明
浏览 11提问于2022-10-05得票数 2
回答已采纳
for(var i = 2;i >= 1;i--) {
setTimeout(function (i) {
console.log(i);
},1000);
console.log("hii");
}
--这段代码给我的输出是
hii
hii
未定义
未定义
在下面的格式中使用setTimeout提供不同的输出
for(var i = 2;i >= 1;i--) {
setTimeout(print(i),5000);
console.log("hii");
}
function pri
浏览 6提问于2016-11-17得票数 2
回答已采纳
1回答
可能重复：
我正在我的一个项目中使用setTimeout，以限制元素添加到DOM中(这样，UI就不会在页面加载期间冻结)。然而，我遇到了一些令我费解的事情。鉴于这一守则：
for(var i = 0; i < 5; i++) {
var j = i + 10;
console.log("i is: " + i + " j is: " + j);
setTimeout(function() {
console.log("in timeout i is: " + i + " j is:
浏览 2提问于2013-02-03得票数 4
回答已采纳
我在while循环中使用立即调用的函数表达式来使用while。
这是我的密码：
let div = document.querySelector('div')
let x = 0;
while(x<10){
(function(x){
setTimeout(function(){
div.textContent =x;
},1000*x)
})(x++)
}
<div></div>
let div = document.querySelector('div')
let x = 0;
w
浏览 5提问于2021-12-30得票数 0
回答已采纳
这段代码记录6，记录了6次：
(function timer() {
for (var i=0; i<=5; i++) {
setTimeout(function clog() {console.log(i)}, i*1000);
}
})();
但是这个代码..。
(function timer() {
for (let i=0; i<=5; i++) {
setTimeout(function clog() {console.log(i)}, i*1000);
}
})();
..。记录以下结果：
0
1
2
3
4
5
为什么？
是不是因为le
浏览 0提问于2015-07-08得票数 65
回答已采纳
我正在尝试设置五个交错的函数调用(间隔一秒)。这部分工作得很好。不起作用的是，我不能将从0到4的值传递给回调函数。它每次都会通过'5‘。我似乎想不出为什么以及如何修复它。
代码：
function callback(num)
{
console.log(num);
}
for (var i = 0, loadDelay = 1000; i < 5; ++ i, loadDelay += 1000)
setTimeout(function() { callback(i); }, loadDelay);
结果：
5
5
5
5
5
期望的结果：
0
1
2
3
4
浏览 3提问于2012-04-19得票数 6
回答已采纳
在JavaScript中，setTimeout(callback, delay)的意思是“在delay毫秒后调用callback”。但是如果delay是0呢？它应该立即调用callback吗？
我之所以感到困惑，是因为我在运行以下代码时所看到的：
setTimeout(function() {
console.log('AAA');
}, 0); // Call this in 0 milliseconds
for (i = 0; i < 1000; i++) {
console.log('BBB');
}
for (i = 0;
浏览 27提问于2015-11-27得票数 60
回答已采纳
如果我运行这段代码，那么它5次运行控制台4，有人能解释为什么会发生这种情况吗？
let number = 1;
for (var i=0; i<5; i++){
number=i;
setTimeout(()=>{
console.log(number)
},1000)
}
另外，如果我修改如下，那么输出是5乘5？
for (var i=0; i<5; i++){
setTimeout(()=>{
console.log(i)
},1000)
}
以及为什么当我们使用let类时打印0到4
for (let i=0; i&
浏览 6提问于2022-06-17得票数 -1
在下面的代码片段中，6被打印了5次。请解释一下这种输出行为。 对于每个i，我都会调用settimeout函数，因此console.log应该具有i的值。代码： for(var i = 1;i <= 5;i++) {
setTimeout(function() {
console.log("i:" + i);
},i*1000);
} 文书主任6 6 6 O/P预期为%1%2%3%4%5
浏览 63提问于2017-01-25得票数 0
回答已采纳
在循环中，IIFE函数背后的逻辑和setTimeout()背后的逻辑是什么。有两个for
for (var i = 0; i < 10; i++) {
// Standard
setTimeout(function() {
console.log("Standard" + i);
}, 1000 * i);
}
for (var j = 0; j < 10; j++) {
// IIFE
(function(j) {
setTimeout(function() {
console.log("IIFE "
浏览 0提问于2018-04-03得票数 1
回答已采纳
2回答
function x() {
for (let i = 1; i <= 5; i++) {
setTimeout(function() {
console.log(i);
}, i * 1000);
}
console.log("Hello World!!");
}
x();
上面的函数产生输出1到5，但是产生每个输出需要1秒。这就是我不能得到的..。为什么每次要花1秒，为什么第一个值不是1秒，第二个值是2秒，以此类推，因为我把毫秒乘以i值？
浏览 3提问于2022-04-08得票数 0
回答已采纳
1回答
这是一个javascript代码片段。我不明白输出时怎么只有'5‘字。也只有一次。
以下是代码：
for(var i = 0; i < 5; i++) {
setTimeout(function () {
console.log(i);
}, 1000 * i);
}
输出- 5.
1,2,3,4不应该是输出吗？
浏览 1提问于2017-02-06得票数 0
回答已采纳
3回答
我试着运行这个代码片段，我尝试在setTimeOut()函数中安慰setTimeOut()值，o/p i got是5 for 5倍，每一个时间间隔为< code >D9</code>，谁能解释一下这个片段吗？
for (var i = 0; i < 5; i++) {
console.log(i);
setTimeout(function() {
/////Why is this console.log printing 5?
console.log(i);
},
i * 3000);
console.lo
浏览 5提问于2021-03-25得票数 0
如果函数的参数是在javascript中通过值传递的，那么下面的console.log()为什么看起来是通过引用获得它的输入呢？难道不应该每次在setTimeout中调用它时只传递I的值而不是它的引用吗？
let i;
for (i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i);
}, i * 1000);
}
浏览 12提问于2022-03-09得票数 0
回答已采纳
我有一个id为play的按钮。
我要用这个代码在那个按钮上倒计时。但由于某些原因，我不能让它工作。
var timeoutTime = 500, seconds = 5;
var countdown = $("#play h4");
for(var i = seconds; i>0; i--)
{
setTimeout(function() {
countdown.text("" + i); },timeoutTime);
timeoutTime += 1000;
}
我尝试了很多方法，我能得到的最好的结果是1而不是5 4 3 2
浏览 5提问于2012-12-06得票数 2
回答已采纳
我有两个异步函数，一个嵌套在另一个中，如下所示：
//Async 1
document.addEventListener("click", function(event){
for (var i in event){
//Async 2
setTimeout(function(){
console.log(i);
}, 200*i);
}
});
我想要的是能够打印event对象的每个条目(event)。然而，Firefox的输出如下：
MOZ_SOURCE_KEYBOARD
浏览 2提问于2013-04-13得票数 0
3回答
我以为我很了解Javascript的闭包，但显然我不理解，下面的代码不起作用。如何让它在1秒延迟后在控制台中打印出从0到9的所有数字？目前它只打印了十次“未定义”。
注:我不是在寻找一个更简单的锻炼，打印数字后，延迟。这个问题是关于理解闭包的。
<script>
for(var i=0;i<10;i++){
setTimeout(function(i){console.log(i)}, 1000)
}
</script>
浏览 6提问于2014-12-06得票数 0
回答已采纳
代码可能看起来比它需要的复杂，我想把i传递给balm函数，但它返回undefined，因为我做错了。
只是额外的信息:这是我正在编写的一个游戏的服务器。在节点的控制台中运行。
for (i=30;i>=0;i--){
setTimeout(function balm(i){
this_sql ="UPDATE game_moblist SET hp = least(max_hp, hp +"+Math.round(i/2)+") WHERE id ="+mobid
connection.query(this_sql, func
浏览 0提问于2012-07-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
