文学起点网
当前位置: 首页 文学百科

web前端一次性定时器怎么写(前端面试题 JavaScript 定时器)

时间:2023-06-20 作者: 小编 阅读量: 1 栏目名: 文学百科

今天有事外出,所以就挑简单的来讨论——定时器setTimeout定时器在面试题中经常出现,都是搭配来考察其他相关知识的。当执行for循环时候,调用setTimeout异步函数,将其中的回调函数推到事件队列中等待执行。此时回调函数的执行时间,被设定为从0s到4s。当队列任务被调用时,console.log为对应的闭包内的变量i。setTimeout()首个参数接收回调函数,第二个参数接收延时时间。我们可能会忽略,setTimeout()的后续参数都是作为附加参数,在定时器到期时候,传到回调函数中。

今天有事外出,所以就挑简单的来讨论 ——

定时器 setTimeout

定时器在面试题中经常出现,都是搭配来考察其他相关知识的。

定时器

下列代码会在控制台输出什么?

点击下面小程序可以浏览完整题目和选项。

上面是一道经典的题目,主要用于考察 JavaScript 的作用域事件队列

当执行 for 循环时候,调用 setTimeout 异步函数,将其中的回调函数推到事件队列中等待执行。

此时回调函数的执行时间,被设定为从 0s 到 4s。

又因为通过 var 声明的 i 变量并不是在 for 循环中,而是在声明的方法体内,在例子中是则是在全局作用域。

所以在 for 循环执行结束后,全局作用域的 i = 5

而到队列任务执行时,所有队列任务中执行的 console.log(i) 中都是访问全局函数中的 i。

所以结果就是:每隔 1 秒,控制台输出一个 5。

闭包

而想按顺序输出 1 到 5,以前会使用闭包

上面通过声明一个自执行的匿名函数,当循环时候,创建出 5 个闭包,每个闭包内的变量 i是循环时传进去的 i 值。

当队列任务被调用时,console.log(i) 为对应的闭包内的变量 i。

let

在 ES6 中,通过关键字 let,可以创建出块级作用域。产生和闭包一样的效果。

定时器参数

观察下列代码,控制台会怎样的输出呢?

控制台会立即输出 0 至 4。而不是间隔 1 秒输出 0 到 4。

因为 console.log(i) 已经是调用函数的形式,而不是一个函数句柄。所以在执行循环时候,就同时执行 console.log(i)。

那么,应该怎样修改呢?

setTimeout() 首个参数接收回调函数,第二个参数接收延时时间。

我们可能会忽略,setTimeout() 的后续参数都是作为附加参数,在定时器到期时候,传到回调函数中。

所以,只需要在附加参数中传进 i 即可。

结语

今天的内容较为简单,可能很多朋友都已经了解。这些都算是面试中的开胃菜,不得不会,千万别阴沟里翻船。

觉得不错的帮忙点个赞吧,欢迎评论区讨论。

    推荐阅读
  • 荷塘月色简笔画彩图(荷塘的场景图简笔画)

    今日份简笔画荷塘月色.感恩日记1.,我来为整理几张简单漂亮的荷塘月色简笔画彩图?以下简笔画图片总有一款是你喜欢的,希望对你有帮助来看看吧!荷塘月色简笔画彩图今日份简笔画荷塘月色.感恩日记1.荷塘月色好看的儿童画图片儿童简笔画大全荷塘月色简笔画儿童画

  • 直硬头发软化前后效果图(头发软化前后效果图)

    可以使头发变软,变柔顺,变贴服,且价格也很便宜,普通的美发沙龙价格为50到80元左右,软化比较自然。头发软化后几天可以洗刚做完软化2至3天不要洗头,刚做完软化不要用力拉头发,会有损发质和效果。软化也是伤头发的,不过比不停地做一次性夹头发而言小很多,如果是短发做软化还是不错的。如果想让头发蓬蓬的,最好不要全头做软化,甚至不建议做软化。具体情况,建议咨询理发师。用药水要用好一点的,对头发伤害才不会很大。

  • 赞美运动员的话(赞美运动员的话有什么)

    年轻的我们自信飞扬,青春的气息如同出生的朝阳,蓬勃的力量如同阳光的挥洒此时此刻,跑道便是我们精彩的舞台,声声加油便是我们最高的奖项论何成功,谈何荣辱,心中的信念只有一个:拼搏,我来为大家科普一下关于赞美运动员的话?赞美运动员的话年轻的我们自信飞扬,青春的气息如同出生的朝阳,蓬勃的力量如同阳光的挥洒。所有的努力都是为了迎接这一刹那,所有的拼搏都是为了这一声令下。

  • 长安uni-k车主反映这款车怎么样(新车长安UNI-K登场)

    据长安汽车最新消息,中大型SUVUNI-K官图曝光,这是长安UNI系列的第二款车型。新车将搭载蓝鲸系列2.0T发动机并匹配8AT变速箱,将于广州车展首发亮相。新车亮点1.采用了全新的“V”型面设计和无边界格栅。新车概况新车前脸依然采用无边界设计并融入了V型面概念,不同于UNI-T,UNI-K的大灯位置设计在了最上方。车尾方面采用了时下流行的贯穿式尾灯设计,与UNI-T的V型后导流造型不同,UNI-K采用了新的航天器式造型,立式尾灯十分显眼。

  • 渡劫经典语录(关于渡劫的语录精选)

    情到深处人孤独,爱至穷时尽沧桑堕落的天使啊,你无知的游走着。我将于茫茫人海中访我唯一灵魂之伴侣;得之,我幸;不得,我命。玲珑骰子安红豆,入骨相思君知否。于千万人之中遇见你所遇见的人,于千万年时间无涯的荒野里,没有早一步,也没有晚一步,刚巧赶上了。生命是一朵千瓣莲花,我拒绝了绽放的同时,我也拒绝了枯萎和零落。就算哭泣也要皱眉优雅,就算失败也要转身潇洒。之后我也学会了阳奉阴违,发生了什么与我再无所谓。

  • 孤城闭什么时候上映(谁是主演)

    以下内容大家不妨参考一二希望能帮到您!孤城闭什么时候上映《孤城闭》将于2020年起在湖南卫视上映播出。该剧主要由王凯、江疏影、任敏、杨玏、边程、叶祖新、喻恩泰、王楚然、刘钧、孙坚等主演。《孤城闭》改编自米兰lady同名小说,以北宋为背景,在风起云涌的朝堂之事与剪不断理还乱的儿女情长之间,还原了一个复杂而真实的宋仁宗。

  • 大众朗逸所有灯图解(认识汽车灯图解)

    大众朗逸所有灯图解作为新手,汽车灯光就是一道难题,下面我们一起通过图解来认识一下汽车各种灯光吧。双闪灯的作用是当车辆发生意外情况后,引起其他车辆警惕,防止发生追尾事故。当踩下制动踏板后,制动灯立即亮起,并发出红色灯光,提醒后方车辆。倒车灯是白色,作用是为了照亮车尾的路面,减少倒车时盲区,另外也是对后方的提醒。

  • 雪里红的腌制方法(做雪里红腌菜的步骤)

    下面更多详细答案一起来看看吧!雪里红的腌制方法雪里红摘干净,根部用刀劈开,正一层反一层放入盆中,取盐均匀地洒在雪里红上,腌制1-2天。烧开水放凉,加盐,搅拌均匀,盐水倒入雪里红中泡制一天。泡好的雪里红捆成一小捆放入密封罐,倒入泡雪里红的盐水,盖好密封罐,即吃即取。

  • 郑州婚纱照推荐哪家好(郑州拍婚纱照团购)

    中国红喜嫁秀爆朋友圈的婚纱照中式婚纱照新中式婚纱照婚纱照风格高级感婚纱照婚纱照秀禾服的中式嫁衣,是完美诠释了东方女性温婉古典美。让人完全移不开目光~每一个女孩子都应该拥有这样华丽的喜嫁风太精致完全属于中式婚纱照的浪漫感~

  • 胎梦最准的位置(从胎梦看看你腹中的孩子给你暗示了吗)

    估计生完孩子和正在孕期的妈妈都会经历过这种事情,就是我们会经常做梦,而且会梦见一些动物植物什么的,这在老人眼里属于“胎梦”。你梦见的什么会预示着即将出生的宝宝是男孩还是女孩。你的胎梦准不准,来看看一下别人的胎梦。哈哈,看来有些胎梦还是挺准的,或许都是巧合吧,总之,宝宝来了就是我们的命中注定。