首页 > 分享 > window.setTimeout()和window.setInterval()执行问题

window.setTimeout()和window.setInterval()执行问题

最新推荐文章于 2024-07-13 14:16:27 发布

kikpin 于 2018-12-27 23:24:17 发布

setTimeout和setInterval执行问题

window.setTimeout(function(){console.log("1");},0);window.setInterval(function(){console.log("2")},100);console.log("3"); 1234567

> 3 > 1 > 2 > 2 1234

浏览器可以多线程执行,但是JS引擎是单线程执行,定时器会在JS线程追加事件。

必看参考:Javascript中的setTimeout黑魔法;彻底理解setTimeout();

由此,看一个前端面试题:

for (var i = 1;i <= 5;i ++) { setTimeout(function timer() { console.log(i) },i * 1000) } 12345'

提示:作用域、闭包、事件循环

解决方法:

引入 IIFE1;ES6 的 let 定义块级作用域;ES5 的 bind() 函数绑定;妙用setTimeout 的第三之后参数:对内部函数进行传参;timer函数封装调用

MDN what`s IIFE ↩︎

相关知识

如何监督目标执行和完成
宠物食品执行标准
宠物牵引绳执行标准批号
宠物行业法律法规与政策完善与执行研究
宠物食品执行标准详解(最新汇总)
宠物携带工具执行什么标准
宠物品牌制定产品标准套路,参与制定,但不执行
执行宠物安乐死的评量方法
还有不到两个月就要执行宠物食品新规了,你准备好了吗
抖音宠物用品直播带货执行方案

网址: window.setTimeout()和window.setInterval()执行问题 https://m.mcbbbk.com/newsview180151.html

所属分类:萌宠日常
上一篇: 宠物用品检测的项目及标准
下一篇: 仙宠物语