for循环+setTimeout 函数

最新推荐文章于 2024-08-07 16:06:48 发布

lianghuiqiang6

最新推荐文章于 2024-08-07 16:06:48 发布

阅读量245

点赞数

无意在网上看到一道关于js的面试题。。看着挺简单的，但是执行了下，发现并没有得到想要的结果，于是上网搜了一下，感觉写的不错，mark下
原文地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lianghuiqiang6

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
for循环+setTimeout 函数

无意在网上看到一道关于js的面试题。。看着挺简单的，但是执行了下，发现并没有得到想要的结果，于是上网搜了一下，感觉写的不错，mark下这里写链接内容...
复制链接

扫一扫

for循环 + setTimeout 结合一些示例(前端笔试题）

qq_33699819的博客

03-29

921

场景一：我们想按顺序输出对应的索引值，代码如下： for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } //5 5 5 5 5 可是会连续输出5个5。解决办法一：匿名函数 for(var i=0; i<5; i++) { (fu...

javascript中for循环和setTimeout同时使用，出现的问题

weixin_44493841的博客

08-17

294

javascript中for循环和setTimeout同时使用，出现的问题 for循环代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> for (var i = 0; i < 5; i++) {

参与评论您还未登录，请先登录后发表或查看评论

for循环 + setTimeout 结合一些示例(前端面试题）

10-19

最近在学习node.js开发资料，正好碰到了for循环+settimeout的经典例子，下面小编给大家分享for循环 + setTimeout 结合一些示例代码，需要的朋友参考下吧

for 循环中使用 setTimeout 的问题

学而不思则忘

08-28

1152

问题引入下面代码的输出结果不是间隔3秒依次输出 1， 2， 3， 4， 5。而是隔了3秒连续输出6。这是为什么呢？ for (var i = 1; i <= 5; i++){ setTimeout(function timer() { console.log(i) }, 3000); } 先说JS的执行机制和作用域首先，JavaScript是单线程环境，代码从上到下依次执行。这种执行方式被称作为是“同步执行”。但是，JavaScript引进了异步执行机制。所

在for循环中运行setTimeout的三种情况

热门推荐

没有感情的代码机器的博客

07-05

1万+

在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(i),0); } 看完这段代码思考一下结果输出是什么呢？是不是第一时间想到的是连续的10个10呢？啊哈哈这样就...

js问题：for循环中的setTimeout（详解）

weixin_53141315的博客

08-24

1161

for循环中var声明的变量是全局变量，而let声明的变量是局部变量当在 for 循环中使用 let 声明变量时，每次循环迭代都会为变量创建一个新的内存空间。这是因为 let 声明具有块级作用域，每次循环迭代都会创建一个新的作用域。变量只在当前循环迭代的块内部可见，循环结束后，作用域和变量都会被释放。而var会共享一个变量。

setTimeout经典案例

白驹过隙

08-30

1774

在日常编码中，你会发现，给 setTimeout 和 setInterval 设定延迟时间往往并不准，或者干脆 setTimeout(function(){xxx},0) 也不是立马执行（特别是有耗时代码在前），这是因为 js 是单线程的，有一个事件队列机制，setTimeout 和 setInterval 的回调会到了延迟时间塞入事件队列中，排队执行。 setTimeout ：延时 d

采用自执行的匿名函数解决for循环使用闭包的问题

01-21

这段代码输出的是10个10而不是期望的0到9，因为闭包内是对i的引用，然后函数执行时i已经变成了10 function f1(){ for(var i = 0; i < 10; i++) { setTimeout(function() { alert(i); }, 1000); } } f1...

for循环下的setTimeout

仰柔川

03-20

259

for(var i = 0; i < 2; i++){ (function(i){ setTimeout(()=>{ console.log(i) },i*1000) })(i) } // 0 1 2 for(var i = 0; i< 3;i++){ setTimeout(function()...

for循环与setTimeout

lilongwei4321的博客

10-11

1897

1、for + setTimeout 使用var执行 for(var i = 0; i < 5; i ++){ setTimeout(function (){ console.log(i) }, 1000) } 执行结果为：5 上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，里面的i指向的就是全...

for循环中使用setTimeout的解决方案

weixin_45291798的博客

02-01

1427

这是因为setTimeout是异步执行，每一次for循环的时候，setTimeout都执行一次，但是里面的函数没有被执行，而是被放到了任务队列里，等待执行。只有主线上的任务执行完，才会执行任务队列里的任务。也就是说它会等到for循环全部运行完毕后，才会执行fun函数，但是当for循环结束后此时i的值已经变成了6，因此虽然定时器跑了5秒，控制台上的内容依然是6。通过闭包，将i的变量驻留在内存中，当输出j时，引用的是外部函数的变量值i，i的值是根据循环来的，执行setTimeout时已经确定了里面的的输出了。

js for循环与setTimeout搭配

weixin_43652106的博客

07-29

835

今日，发现了一个for循环与setTimeout搭配使用好玩的现象现象一： for (i = 0; i < 10; i++) { setTimeout(console.log(i), 0); } 结果：现象二： for (i = 0; i < 10; i++) { setTimeout(function(){ console.log(i) ...

JS 之 for循环与 setTimeout 问题

前端看世界

01-22

1368

javascript for 循环中嵌套 setTimeout 的作用域正确输出

for循环 + setTimeout 例子

Executioner975的博客

09-09

226

for循环 + setTimeout 例子今天看面试题找到了一个经典面试题，可以帮助大家理解let关键字，setimeout关键字等。先看一个经典面试题 for (var i = 0; i < 6; i++) { setTimeout(function (){ console.log(i); },1000); } 运行代码，一下子输出了五个5。并不是意料中的每隔1秒输出i++，这是因为var是全局作用域，而setimeout是一个异步函数，for循环又是一个同步执行的。记住一

for循环中的setTimeout的几种情况

最新发布

weixin_46515434的博客

08-07

395

在这个代码片段中，setTimeout 的第一个参数是 console.log(i)，这是一个立即执行的函数调用，而不是一个回调函数。因此，console.log(i) 会立即执行，并且 setTimeout 的第二个参数 0 实际上没有任何意义，因为 console.log(i) 已经立即执行了。循环执行：for 循环从 i=0 开始，每次循环 i 递增 1，直到 i<10 不成立为止。回调函数执行：由于 let 具有块级作用域，每次循环都会创建一个新的 i，因此每个回调函数都会捕获到对应的 i 值。

关于文章《for循环里面设置setTimeout弹出数据顺序是乱的》的一些问题

weixin_34056162的博客

10-08

123

2019独角兽企业重金招聘Python工程师标准>>> ...

循环延迟问题 for + setTimeout()

weixin_45773503的博客

11-08

496

假设我们要实现一个repeat函数，能够在间隔相同的时间去执行一个fn。（func，次数，间隔时间） function repeat(func, times, wait) { return (...arg) => { for (let i = 0; i < times; i++) { setTimeout(() => [ func(...arg) ], wait) } } } const repeatF = repea

你不知道的三种在for循环中使用setTimeout的方法

qq_42535651的博客

11-18

2350

在 for 循环中使用 setTimeout 中可能会出现结果输出不符合预期： for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); }); } 最后的输出结果： 5 5 5 5 5 原因是 var 变量不存在块级作用域，这5次循环中 setTimeout 使用的 i 其实都是一个 i，而setTimeout 异步执行会在 for 循环之后执行。因此 setTimeout 获取的 i 都是最后执行完

for循环执行settimeout

04-28

你可以使用Promise和async/await来实现for循环执行setTimeout的效果，具体的代码实现如下： ``` function delay(time) { return new Promise(resolve => { setTimeout(resolve, time); }); } async function ...