setTimeout与循环闭包经典面试题详解

最新推荐文章于 2024-04-14 05:15:23 发布
最新推荐文章于 2024-04-14 05:15:23 发布
阅读量234 收藏
点赞数
分类专栏： Web前端 文章标签： 经验分享 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70647189/article/details/124665515
版权

思考一下，当我将setTimeout的延迟时间设置为0时，上面的执行顺序会是什么？

在浏览器中的console中运行试试看，很容易就能够知道答案，如果你没有猜中答案，那么我这篇文章就值得你点一个赞了，因为接下来我分享的小知识，可能会在笔试中救你一命。

在对于执行上下文[2]的介绍中，我与大家分享了函数调用栈这种特殊数据结构的调用特性。在这里，将会介绍另外一个特殊的队列结构，页面中所有由setTimeout定义的操作，都将放在同一个队列中依次执行。

我用下图跟大家展示一下队列数据结构的特点。

队列：先进先出

而这个队列执行的时间，需要等待到函数调用栈清空之后才开始执行。即所有可执行代码执行完毕之后，才会开始执行由setTimeout定义的操作。而这些操作进入队列的顺序，则由设定的延迟时间来决定。

更加详细的执行顺序，将会在事件循环的文中中描述

因此在上面这个例子中，即使我们将延迟时间设置为0，它定义的操作仍然需要等待所有代码执行完毕之后才开始执行。这里的延迟时间，并非相对于setTimeout执行这一刻，而是相对于其他代码执行完毕

最低0.47元/天 解锁文章
m0_70647189
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
setTimeout与闭包
chuxianran8115的博客
03-14 478
一、关于 setTimeout setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 比如在1秒后打印出字母"a"： setTimeout('console.log("a")', 1000); 执行效果图： 我们看到执行setTimeout后，出现了一个数字 ...
setTimeOut和闭包
dianwangsa3895的博客
03-05 232
掘金上看到一个setTimeout与循环闭包的思考题。拿过来看了下，一方面了解settimeout的运行机制，还有就是js闭包的特性。关于闭包，有如下解释： 在这里写一点我对闭包的理解。理解闭包的关键在于：外部函数调用之后其变量对象本应该被销毁，但闭包的存在使我们仍然可以访问外部函数的变量对象。 function outer() { var a = 1; retu...
setTimeout与循环闭包经典面试题详解(2)，2024年最新滴滴公司面试经验
最新发布
m0_60707579的博客
04-14 877
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。
JS网红面试题-setTimeout与循环闭包
while(true){alert(
04-21 3370
先看一段代码   for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); }, i * 1000); } 输出结果是什么？？ 肯定有好多人以为是 0 1 2 3 4 这么想当然是错的，因为setTimeout()执行的是一个异步的操作，那能异步到什么地步呢，就是当所有的代...
setTimeout 经典面试题（代码）
weixin_59519449的博客
12-17 423
for (var index = 0; index < 5; index++) { setTimeout(() => { console.log("index", index) }, 0); } 注意： 变量为var 的情况下，输入结果为5个5 变量为 let 的时候， 输出结果为 0，1，2，3，4，5 ...
谈谈 setTimeout 这道经典题目
weixin_34122810的博客
02-14 120
谈谈自己对下面这道题目的理解 问题 for (var i = 1; i <= 3; i++) { setTimeout( function timer() { console.log(i); }, i * 1000 ); } 这段代码的输出是三次 4，与预想的 1，2，3 的输出不符。以下解释这一输...
for循环 + setTimeout 结合一些示例(前端面试题）
10-19
最近在学习node.js开发资料，正好碰到了for循环+settimeout的经典例子，下面小编给大家分享for循环 + setTimeout 结合一些示例代码，需要的朋友参考下吧
使用闭包对setTimeout进行简单封装避免出错
09-05
在本例中，我们讨论的是如何使用闭包来封装`setTimeout`，以避免常见的拼写错误和逻辑问题。下面我们将深入探讨闭包、`setTimeout`以及它们如何结合以实现更安全、更易于维护的代码。 首先，`setTimeout`是...
JavaScript setTimeout使用闭包功能实现定时打印数值
10-23
主要介绍了JavaScript setTimeout使用闭包功能实现定时打印数值 的相关资料,需要的朋友可以参考下
浅谈循环中setTimeout执行顺序问题
筱葭的博客
03-10 5613
期望：开始输出一个0，然后每隔一秒依次输出1,2,3,4。   for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 结果：输出5 原因：setTimeout 使函数延迟1s执行，而for循环执行完成还不到0.1秒，到执行函数的时候，其实 i 已经变成5了，因此
for循环和setTimeOut
曼夭的博客
03-29 969
函数声明：类似function aaa(){}, 函数表达式，类似var aaa=function(){}, 匿名函数：类似function(){} 函数表达式即var aaa=function(){ }(), 后面加（）表示立即调用，函数声明则不会调用。与**(function() {}) () 和（function() {} ()）**三者是一样的。 for (var i = 0; i...
js setTimeout和for循环搭配使用时变量的问题
热门推荐
I_recluse的博客
06-09 1万+
最近在写一个定时打字的效果，需要for循环和setTimeout搭配使用，出现了一些问题，在网上查找找到了问题所在。1.setTimeout(func,time)函数运行机制    setTimeout(func,time)是在time（毫秒单位）时间后执行func函数。浏览器引擎按顺序执行程序，遇到setTimeout会将func函数放到执行队列中，等到主程序执行完毕之后，才开始从执行队列（队列...
从 setTimeout 彻底理解闭包
weixin_34409357的博客
07-12 299
先看一个常见的例子setTimeout 闭包代码 //代码段（1） for(var i=0;i<5;i++){ setTimeout(console.log.bind(null,i),i*1000); } 输出： 打印为每间隔1s依次递增打印i。 疑问： 如果把bind改成call将会是什么效果呢？ //代码段（2）内...
Javascript的setTimeout()闭包特性
老白干的zone
12-04 1126
/**测试switch语句1.java中Switch语句只能探测int类型值2.注意case的渗透,所以每个case后要跟一个break3.case语句可以合并4.default即默认或其它情况可以省略,但不推荐省略**/public class TestSwitch { public static void main (String[] args) {  int i = 60;  switch(
javascript关于setTimeout的面试题
qq_45615572的博客
08-31 326
for (var i = 0; i <5; i++) { // 每一次for循环的时候，setTimeout是立即执行的，但是里面的回调函数没有被执行，回调函数是异步的，会被放到了任务队列里面 setTimeout(function() { console.log(i); // 执行此代码时，同步代码for循环已经执行完成 }, 0); } // 输出结果: 5 5 5 5 5 // 该问题有多种解决方案 // 方案一: 将var改为let // i虽然
图例详解那道 setTimeout 与循环闭包的经典面试题
初漾的博客
05-12 730
参考：http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651551988&idx=2&sn=8eb50f0a8b75bb64cef249abab7bf658&chksm=8025af35b7522623f413a300f41890ffa93c8cc1401f407b2ee3578de4e5dd885c1705305ef7&mpshare=
setTimeout与循环闭包
Rascal_II的博客
12-10 221
setTimeout 与 闭包 为什么会打印数字7呢？ 每一个setTimeout在执行时，会返回一个唯一ID，上图中的数字7，就是这个唯一ID。我们在使用时，常常会使用一个变量将这个唯一ID保存起来，用以传入clearTimeout，清除定时器。 setTimeout 与 闭包 思考：下面的输出是什么？ for (var i = 1; i <= 5; i++) { setTimeout(function timer() { conso..
for循环 + setTimeout 结合一些示例(前端笔试题）
qq_33699819的博客
03-29 898
场景一：我们想按顺序输出对应的索引值，代码如下： 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...
setTimeout闭包问题
qq_34481114的博客
04-19 338
for (var i = 0; i < 5; i++) { setTimeout(function(){ console.log(i); },0) } // 5 5 5 5 5 最终打印5个五, 为什么不是打印01234,因为JS 是单线程,只有完成所有的script标签中的主要任务,才会把setTimeout里面的匿名函数执行
js settimeout for循环 面试
08-10
在面试中，如果面试官会问到关于javascript中的setTimeout和for循环的问题，可以做如下回答： JavaScript中的setTimeout和for循环是两个常用的功能。setTimeout是一个用于延迟执行一段代码的方法，而for循环则用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值