文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Promise、setTimeout的执行顺序

，这样如果多次请求就会发现加载速度极慢，这样显然不合理，这样就会出现很多次的暂停等待，所以这时候 需要执行异步任务，当我们发起请求时候，采用异步的方式，浏览器检测到其为异步时，就会开辟一个新的进程处理该函数...的执行顺序优先于setTimeout所以由此可知，在异步任务中，微任务优先于宏任务执行,可以看看下图。...， 遇到 console.log(1)， 输出 1 遇到一个 setTimeout 宏任务， 将其回调函数推入 macro Task 的 event queue 中，macro Task 的 event...queue 中记一个任务 setTimeout1 然后碰到 promise 微任务， 直接执行 new Promise 输出 5, 并将 then 函数的回调函数推入 micro Task 的 event...queue 中, micro Task 的 event queue 中记 一个 微任务 promise1 又遇到了 setTimeout 宏任务， 同理，将其回调函数推入 macro Task 的 event

1.4K20

settimeout(fn 0)与Promise的执行顺序

这里涉及到三个“何时”： setTimeout(fn, 0)何时执行 promise函数何时执行 then何时执行 下面我们来一一分析。 1. setTimeout(fn, 0)何时执行？...，也就是说，Promise构造函数里的代码是同步执行的。...接着， 会先执行 macrotask 中的第一个任务（整个 script中的同步代码 ），再加上promise 构造函数也是同步的（promise.then 回调被推进到 microtask 队列中），...所以会先打印出2 10 3，然后继续执行末尾的，打印出5 此时，已经执行完了第一个 macrotask , 所以接下来会顺序执行所有的 microtask, 也就是 promise.then 的回调函数...经过层层测试，所以最终得出的结论是： 同步代码(包括promise的构造函数) -> promise.then -> setTimeout 如有错误或疑问，欢迎在下方评论区留言!

1.8K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    setTimeout和setInterval执行时间问题

    关于setTimeout和setInterval执行时间问题 setTimeout：在指定的毫秒数后，将定时任务处理的函数添加到执行队列的队尾。...etInterval：按照指定的周期(以毫秒数计时)，将定时任务处理函数添加到执行队列的队尾。 但是setTimeout()时间设置成0，方法也不会立马执行的。...因为javascript是单线程编程，它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。...setTimeout执行只是把任务放到代码中，没有立马去执行，所以说接下去的代码接着跑，直到js这个任务执行完成，才有可能往下执行。...HTML5标准规定 setTimeout的最短时间间隔是4毫秒； setInterval的最短间隔时间是10毫秒。 也就是说，小于10毫秒的时间间隔会被调整到10毫秒

    1.5K51

    关于setTimeout和setInterval的函数参数问题

    今天在写验证码倒计时小demo时，用了如下代码： window.setTimeout(count(num),1000); 这样直接使用将使count函数立即执行，并将返回值传递给setTimeout函数作为参数...方法一 使用字符串形式可以达到想要的结果： window.setTimeout("count(num)",1000); 这是我以前常用的方法。 但这种写法是将函数包在引号里，有点像字符串，不够直观。...(_count(30),1000); 这里定义了一个函数_count，用于接收一个参数，并返回一个不带参数的函数，在这个函数内部使用了外部函数的参数，从而对其调用，不需要使用参数。...在 window.setTimeout函数中，使用_count(30)来返回一个不带参数的函数，此时不需要用引号也实现了参数传递的功能。...其实还可以直接写成： window.setTimeout(function(){count(30);},1000); 另外也有人通过修改setTimeout、setInterval来实现。

    3.3K20

    JavaScript定时调用函数(SetInterval与setTimeout)

    不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。...，它只是简单地每隔一定时间就重复执行一次那个函数。...只要调用了setInterval("PerRefresh()", 5000)此函数，那么每隔5秒钟就会执行PerRefresh这个函数。    ...如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout...setInterval 不断地执行指定代码直到调用clearInterval清除定时器对象 setTimeout 执行一次指定代码，使用clearTimeout清除定时器对象 setInterval和setTimeout

    2.5K40

    JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？

    setTimeout 这样的 API，它会允许 JavaScript 在特定的时机执行。...所以，我们首先应该形成一个感性的认知：一个 JavaScript 引擎会常驻于内存中，它等待着我们（宿主）把 JavaScript 代码或者函数传递给它执行。...Promise 的 then 回调是一个异步的执行过程，下面我们就来研究一下 Promise 函数中的执行顺序，我们来看一段代码示例： var r = new Promise(function(resolve...在这段代码中，我设置了两段互不相干的异步操作：通过 setTimeout 执行 console.log(“d”)，通过 Promise 执行 console.log(“c”)。...setTimeout 后，第二个宏观任务执行调用了 resolve，然后 then 中的代码异步得到执行，所以调用了 console.log(“c”)，最终输出的顺序才是： a b c。

    1.2K10

    nodejs的setTimeout(fn,0)和setImmediate谁先执行的问题

    我们首先看一下下面这段代码 setTimeout(()=>{ console.log('setTimeout'); },0) setImmediate(()=>{ console.log('setImmedate...setTimeout是属于定时器阶段，setImmediate是属于check阶段。顺序上定时器阶段是比check更早被执行的。...在分析nodejs的setImmediate和setTimeout的文章中已经介绍过这两个函数对应的实现原理。这里就不细说了。其中setTimeout的实现代码里有一个很重要的细节。...我们分析一下这段代码的执行过程。nodejs启动的时候，会编译执行上面的代码，开始一个定时器，挂载一个setImmediate节点在队列。...然后进入libuv的事件循环，然后执行定时器阶段，libuv判断从开启定时器到现在是否已经过去了1毫秒，是的话，执行定时器回调，否则执行下一个节点，执行完其他阶段后，会执行check阶段。

    1.8K20

    php提前响应请求继续执行代码(伪异步)

    ignore_user_abort(true); 首先,我们先来了解下ignore_user_abort(true);这个函数 这个函数可以忽略客户机的断开,继续执行php代码 那到底这个用来干啥的呢?...,停止了 //用户后面发现,自己已经有了这个订单数据,却没有订单详情(执行一半没来得及插入) 这个时候,ignore_user_abort就有用了,当忽略客户机断开后,php会一直执行,直到异常终止或已完成操作...set_time_limit(0); 在上面讲到,如果启用ignore_user_abort 则会让php一直执行,直到异常终止,而在php常规web模式下,默认有个执行超时时间(30秒),当执行到...30秒时,会直接终止该php进程,可使用set_time_limit(0),设置为用不超时,这样的话,客户端就算断开,就算超过30秒,php进程也会一直执行下去,直到执行完成 实时输出 在我之前的一篇讲...在php-fpm中,有个函数fastcgi_finish_request可使得web服务器提前中断http响应: <?

    4.8K11

    同步、异步、回调执行顺序之经典闭包setTimeout分析

    ，  通过这样的event loop我们其实可以分析出三者的执行顺序，即 同步 > 异步 > 回调 经典闭包setTimeout分析 今天同学问了我一个问题，我一看是一道经典的面试题，问题如下： ?...那么就让我们来梳理一下，第一部分event loop图片很直观的体现："任务队列"可以放置异步任务的事件，也可以放置定时事件（setTimeout和setinterval），即指定某些代码在多少时间之后执行...；  1、首先我们先来看一下他的主体结构： for循环的第一层是setTimeout函数，setTimeout函数中使用了一个匿名（回调）函数  2、还记的我们之前总结的执行顺序：同步 > 异步 > 回调...1）for循环和外层的 console.log()是同步的，setTimeout是回调执行， 　　所以按照执行顺序，先执行for循环，然后进入for循环中，他发现了一个setTimeout()回调(进入...->  for循环外部的console.log( i ) ，然后"任务队列"中的回调函数才进入到空Stack中开始执行；  我们在来用这个例子尝试一下上面的event loop图，更加直观的感受一下：

    1.9K101

    JavaScript中Promise里的代码为什么比setTimeout先执行？

    setTimeout 这样的 API，它会允许 JavaScript 在特定的时机执行。...所以，我们首先应该形成一个感性的认知：一个 JavaScript 引擎会常驻于内存中，它等待着我们（宿主）把 JavaScript 代码或者函数传递给它执行。...Promise 的 then 回调是一个异步的执行过程，下面我们就来研究一下 Promise 函数中的执行顺序，我们来看一段代码示例： var r = new Promise(function(resolve...在这段代码中，我设置了两段互不相干的异步操作：通过 setTimeout 执行 console.log(“d”)，通过 Promise 执行 console.log(“c”)。...setTimeout 后，第二个宏观任务执行调用了 resolve，然后 then 中的代码异步得到执行，所以调用了 console.log(“c”)，最终输出的顺序才是： a b c。

    1.7K20

    使用Jest测试包含setTimeout调用的函数踩坑记录

    前两天给一个包含setTimeout调用的函数写单元测试，在使用fake timer的时候遇到了问题，记录一下。...(() => { this.enqueueJob(job); }, 3000); }); } } 可以看出，这个函数的核心逻辑就是任务执行与重试：当任务执行失败的时候...而对于Promise的实现，一个Promise对象创建时传入的回调函数F会被立刻执行，但then和catch中传入的回调会被加入到队列中，在下一轮Tick时才执行（即使F中立刻resolve或reject...回到我们的测试用例，原因也就明确了：调用enqueueJob之后，catch中的回调被加入了队列，而随后的delay则相当于直接调用了setTimeout（前面说到Promise对象构造时的回调函数是立刻执行的...，对setTimeout函数进行了拦截侦听，被调用时不做任何事。

    9.2K60

    Quartz-中断正在执行的任务

    文章目录 概述 示例 示例源码 概述 由于业务需要，停止Quartz中正在执行的任务 任务类只需要实现InterruptableJob类，然后实现interrupt()方法。...】任务Key：group1.interruptableJob1，执行时间： 2017-11-15 09:29:45 —————— 【中断】外界正在调用调度器停止这个任务key：group1.interruptableJob1...-11-15 09:29:54 【开始执行】任务Key：group1.interruptableJob1，执行时间： 2017-11-15 09:29:55 —————— 【中断】外界正在调用调度器停止这个任务...执行时间： 2017-11-15 09:30:20 —————— 【中断】外界正在调用调度器停止这个任务key：group1.interruptableJob1 ———————— 被外界因素停止了这个任务...-11-15 09:30:29 【开始执行】任务Key：group1.interruptableJob1，执行时间： 2017-11-15 09:30:30 —————— 【中断】外界正在调用调度器停止这个任务

    2.9K30

    setTimeout和setImmediate到底谁先执行，本文让你彻底理解Event Loop

    笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(fn, 0)是会比setImmediate先执行的。...;在Promise.then里面，进入微任务队列 console.log('3');在Promise构造函数的参数里面，这其实是同步代码，直接输出 console.log('4');在then里面，他会进入微任务队列...check: setImmediate在这里执行 close callbacks: 一些关闭的回调函数，如：socket.on('close', ...)...我们来理一下这个流程： 外层是一个setTimeout，所以执行他的回调的时候已经在timers阶段了 处理里面的setTimeout，因为本次循环的timers正在执行，所以他的回调其实加到了下个...，setTimeout执行，如果1毫秒还没到，就先执行了setImmediate。

    1.7K51

    立即执行函数

    立即执行函数（IIFE），也叫做自执行函数，就是不需要调用就立马执行的函数。...在解释立即函数的时候，我们先了解一下三个函数相关的知识： 函数声明： function fun() { } 函数表达式： var fun = function () { } 匿名函数： function...() { } 立即函数有两种常见格式： (function() { console.log(999) }()) (function() { console.log(999) })() 这两种格式都能保证函数立马执行...，这也是立即函数的基础常见的格式，()运算符加上匿名函数，还有另外几种格式也能立即执行： !...、+、-、=和函数表达式都能打到立即执行。上面的方法，是匿名函数加上运算符，其实把匿名函数都换成函数声明也是一样的，也能变成立即执行函数： !

    2.7K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券