setTimeout原理

最新推荐文章于 2025-05-29 16:26:37 发布
最新推荐文章于 2025-05-29 16:26:37 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端技术 文章标签： 前端 javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Christlxl/article/details/128818304

setTimeout属于宏任务（相对的是微任务）

setTimeout(task,500);

nextFun();

执行时会启动异步线程，后续同步代码会正常执行。执行时会将task添加到宏任务队列的队尾，等到当前脚本的所有同步任务执行完，然后再等到本次Event Loop的“任务队列”的所有任务执行完，才会开始执行。执行时会检查是否到了指定倒计时时间，如果到了，就执行；如果不到，就等到再下一轮Event Loop时重新判断。

JavaScript宏任务和微任务（setTimeout，Promise）
lizfs_csdn的博客
09-07 582
/ HTML5 规范规定最小延迟时间不能小于 4ms ，即 x 如果小于 4 ，会被当做 4 来处理。不过不同浏览器的实现不一样，比如，Chrome可以设置1ms，IE11/Edge是4ms。console.log('当前num为其他值，执行reject方法，我被回调了')// 当执行resolve方法时 就会执行当前对象下的then方法。// 当执行reject方法时 就会执行当前对象下的catch方法。// 循环执行 1000ms 执行一次。// 立即异步执行 宏任务 队列。
node原理，事件循环，setTimeout/setImmediate/process.nextTick的差别
Meiko记录
11-14 844
事件循环 Node.js 在主线程里维护了一个事件队列，当接到请求后，就将该请求作为一个事件放入这个队列中，然后继续接收其他请求。当主线程空闲时(没有请求接入时)，就开始循环事件队列，检查队列中是否有要处理的事件，这时要分两种情况：如果是非 I/O 任务，就亲自处理，并通过回调函数返回到上层调用；如果是 I/O 任务，就从 线程池 中拿出一个线程来处理这个事件，并指定回调函数，然后继续循环队列中...
前端面试题：setTimeout是宏任务还是微任务？
qq_46582421的博客
02-28 1905
宏任务。
什么是宏任务什么是微任务
最新发布
weixin_43140637的博客
05-29 139
setTimeout、setInterval、I/O操作（如文件读取、网络请求）、整体script代码（主线程同步代码）先执行同步代码(同步任务主线程) →执行当前宏任务的所有微任务 → 渲染（浏览器）→ 下一个宏任务‌如setTimeout回调。这么做是为了防止进程的阻塞，一旦某一个任务执行时间过长，那就会影响整个进程的执行，所以就分成宏任务和微任务。注意：setTimeout是宏任务，当所有微任务执行完毕后执行。
Promise(微任务)和setTimeout(宏任务)的理解
m0_37609239的博客
04-10 839
Promise 主要用于处理异步操作的结果，而 setTimeout 用于延迟执行某段代码。Promise 可以链式调用，便于处理多个异步操作的结果，而 setTimeout 只是简单的延迟执行。
setTimeout和Promise区别（宏任务和微任务）
u011200562的博客
05-05 3115
javascript的宏任务和微任务 宏任务有Event Table、Event Queue，微任务有Event Queue 1.宏任务：包括整体代码script，setTimeout，setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)； 2.微任务：Promise、MutaionObserver、process.nextTick(Node.js 环境) 注：new Promise中的代码会立即执行，then函数分发到微任务队列，process.next
宏任务，微任务，事件循环event loop、setTimeout,setInterva、nextTick与process.nextTickl区别【示例讲解】
luemeon的博客
09-21 1137
不同设备的屏幕刷新频率可能不同， setTimeout/setInterval只能设置固定的时间间隔，这个时间和屏幕刷新间隔可能不同。，只会被推入到更新队列中一次，可以避免重复修改相同的dom，这种去除重复数据，对于避免不必要的计算和 DOM 操作是非常重要的。考虑极端情况，假如定时器里面的代码需要进行大量的计算，或者是DOM操作，代码执行时间超过定时器的时间，会出现定时器不准的情况。setTimeout/setInterval是宏任务，根据事件轮询机制，其他任务会阻塞或延迟js任务的执行。
通过setTimeout理解js异步原理
往后橘生
04-24 4382
在上一篇的文章中介绍了js异步原理，有的小伙伴可能还有些云里雾里，在本篇文章中将以新手很容易用错的setTimeout为例来解释js的异步原理。 首先我们看一个例子 console.log(1); setTimeout(function(){ console.log(2); },500); console.log(3); // 运行结果 // 1 // 3
js基础之setTimeout与setInterval原理分析
w807139809的博客
01-01 1055
setTimeout与setInterval是JavaScript引擎提供的两个定时器方法，分别用于函数的延时执行和循环调用。前者的主要思想是通过一个定时器，让函数在计时结束后再执行；后者则是每隔一定的时间，就启动一次函数的执行。
setTimeout学习小结
08-31
本文将深入探讨 `setTimeout` 的原理、`setTimeout(function(){..},0)` 的意义以及 `setTimeout` 中的 `this` 指向和参数问题。 **setTimeout 原理** `setTimeout` 的基本原理是将提供的函数放入事件队列，等待一...
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
11-20
在Vue.js应用中，我们经常使用`setTimeout`和`...理解它们的工作原理以及如何在Vue的生命周期中适当地使用它们，能够帮助我们编写更健壮、更高效的代码。务必在组件销毁或路由切换时进行清理，以避免潜在的问题。
同步任务、异步任务、宏任务、微任务、任务的执行过程实例详解、setTimeout()是同步还是异步
qq_56715703的博客
05-07 4525
JavaScript是单线程语言，也就是说，只有一条通道，且js中任务是按顺序依次执行的，但若有一个任务时间过长，就会让后续任务一直等待。为了解决这个问题，将任务分为同步任务和异步任务，异步任务又分为宏任务和微任务。
promise.then和settimeout、宏任务微任务问题
WWang_07的博客
05-31 2792
宏任务：[task1,task2,task3…]颗粒度大 实时性不强，要排队 微任务：缩小颗粒度[task1[m1…],task2[m1…],task3[m1…]]，直接插队，实时性强 微任务：在上一个宏任务之后，下一个宏任务之前执行。 第一个 script 标签的代码是第一个宏任务 promise里面是同步，promise.then()是微任务，setTimeout是宏任务。 异步任务大致分为：微任务（micro task，如：promise.then、MutaionObserver等）和宏任务（macr
微任务 宏任务 promise settimeout
qq_38935512的博客
02-03 1138
宏任务 ：setTimeout、setInterval 宏任务 ：promise nixtTick EvenT Loop JS得事件循环机制 js得执行模式有点像排队得模式，执行完一个执行下一个，这时候有一些任务需要很长时间才能完成，这时候就有了一个异步队列,将这些任务放到异步队列中，当主线程执行完毕以后，再执行异步队列中得任务列表。 异步队列 分为微任务 和 宏任务，先执行所有得微任务，完毕之后再执行宏任务， 这里看看代码得一个执行先后顺序 注意下：new Promise得方法和.then（）中得代.
setTimeout和Promise，对macrotasks（宏任务），microtasks（微任务）的理解
Little_Pig_Bug的博客
11-14 798
console.log(1); setTimeout(function(){ console.log(2); }, 0); Promise.resolve().then(function(){ console.log(3); }).then(function(){ console.log(4); }); console.log(5); 结果：1,5,3,4,2 javascrip...
js的setTimeout和Promise---同步异步和微任务宏任务
weixin_34050389的博客
01-26 1194
久经前端开发沙场，会经历各式各样的需求，处理这些需求时候，会使用各种各样的api和功能，这里集中对setTimeout和Promise的异步功能进行讨论一下。 单独使用的执行模式 这里就使用Promise作为例子，来探究一下单独使用它，会有哪些注意点。 1.最初的试探 执行代码，Promise的基本使用： let fn = () =...
宏任务和微任务
qq_52666510的博客
07-16 325
宏任务：整体代码script，setTimeout，setInterval 微任务：Promise，process.nextTick setTimeout是宏任务，先放入到宏任务的event队列里面，然后代码继续往下查看是否有微任务，promise的then函数把它放入了微任务序列，等到主线程的所有代码执行结束后，先从微任务队列里拿掉函数，最后微任务队列空了后再从宏任务队列中拿函数。 即：用通俗的话来说，先执行微任务中的promise中的，再执行script函数里面的console.log里面的，
javascript宏任务和微任务
weixin_30718391的博客
01-13 157
函数 // 你不能改变一个函数的 name 属性的值, 因为该属性是只读的 var object = { // someMethod 属性指向一个匿名函数 someMethod: function() { } }; object.someMethod.name = "otherMethod"; console.log(object.someMethod.name); // som...
settimeout与setinterval的原理
09-16
setTimeout和setInterval都是JavaScript引擎提供的定时器方法。setTimeout主要用于需要进行延时调用的场景，而setInterval则用于循环调用函数。 setTimeout的运行机制是将函数添加到任务队列中，指定的时间间隔后...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值