js的执行顺序（事件循环）机制

于 2022-07-23 11:31:41 发布
阅读量466 收藏
点赞数
分类专栏： 好好学习 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sugar__amai/article/details/125943755
版权

任务队列

所有的任务可以分为同步任务和异步任务

  • 同步任务都在主线程上执行，形成一个执行栈，前一个任务执行完毕后才能执行后一个任务
  • 异步任务由js委托给宿主（Node、浏览器）进行执行，已完成的异步任务的回调函数会被加入到任务队列中等待执行
  • js的主线程执行栈被清空后，会读取任务队列中的回调函数，依次执行
  • js主线程不断重复以上几步

宏任务和微任务

js的异步任务又分为宏任务和微任务，两种队列在同一时刻都只执行一个任务

宏任务队列

  • js整体代码
  • 异步请求
  • setTimeout，setInterval
  • 文件I/O操作
  • 其他

微任务

  • Promise的then、catch和 finally
  • process.nextTick（node独有）
  • 其他

运行机制 

  • 宏任务-->微任务-->宏任务-->微任务

  • 先执行宏任务，执行完后看微任务队列是否有微任务，没有微任务浏览器渲染后执行下一个宏任务

  • 有微任务将所有微任务执行，执行完微任务，浏览器渲染后执行下一个宏任务

穿着睡衣去兜风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Promise的用法及相关的JS执行顺序
weixin_48661004的博客
12-11 1222
Promise的用法及相关的JS执行顺序，Promise的方法、参数、状态、特点、优点，回调函数、回调地狱
深入理解 Event Loop事件循环机制
01-08
事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器...
JS中控制绑定事件执行顺序
热门推荐
hsd2012的专栏
04-11 1万+
在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段。这也是为什么当父类和子类都绑定了某个事件，会先调用子类绑定的事件，后调用父类的事件。直接看下面实例 *{margin:0;padding: 0;} var obj1=document.getElementById('id1'); obj1.addEventListener(
Java/JavaScript中return语句和finally子句的执行顺序
友人C君的博客
01-27 566
1、不管有无出现异常，finally块中代码都会执行； 2、当try和catch中有return时，finally仍然会执行； 3、finally是在return后面的表达式运算后执行的（此时并没有返回运算后的值，而是先把要返回的值保存起来，管finally中的代码怎么样，返回的值都不会改变，仍然是之前保存的值），所以函数返回值是在finally执行前确定的； 4、finally中最好不要包含re...
finally执行顺序问题
JamesPxy的专栏
10-04 604
public static void main(String[] args) { System.out.println(new Test().test()); } static int test(){ try { System.out.println("6666666"); return 1; } catch (Exception e) { // TODO: han
try-catch-finally的执行顺序
感恩、奋进、自信
05-09 2099
下面说下在javascript中try-catch-finally的执行顺序 1、不管有没有出现异常，都会执行finally中的代码 2、不管try catch中有没有return，都会执行finally中的代码 3、若try或者catch中有return，finally中没有return，则一定是执行了try、catch中的语句，接着执行finally中的语句，最后才会执行try、catch中的return 4、若try、catch没有return，finally中有return，则一定是执行..
关于JS定时器（setTimeout setInterval）定时不准问题1
08-08
JavaScript配置了一个任务队列，这些异步事件任务会按照将它们添加到队列的顺序执行。 setTimeout的执行机制 setTimeout函数的第二个参数（延时时间）只是告诉JavaScript再过多长时间把当前任务添加到队列中。如果...
asap:适用于Node.js和浏览器的高优先级任务队列
04-30
ASAP提供了一个快速事件队列，该队列将执行任务直到其为空，然后再屈服于JavaScript引擎的基础事件循环。 当一个任务被添加到以前为空的事件队列中时，ASAP会安排一个刷新事件，希望该事件在JavaScript引擎有机会...
RESTful_API:基于前后端分离使用框架 express 4.X 、数据库 Mysql 、 MVC模式 、 Swagger 、 RESTful规范、Webpack实现API接口的Node服务器
05-13
主线程代码执行完毕完成后，然后通过Event Loop，也就是事件循环机制，开始到Event Queue的开头取出第一个事件，从线程池中分配一个线程去执行这个事件，接下来继续取出第二个事件，再从线程池中分配一个线程去执行...
PCAaron.github.io：Web全栈技术笔记：https：pcaaron.github.io
01-31
JavaScript的执行顺序调用栈：JavaScript栈溢出的原因块级作用域：var的缺陷作用域链和闭包这个：JavaScript执行上下文V8的工作原理栈空间和堆空间垃圾回收编译器和解析器浏览器中的页面循环系统消息极性和事件循环...
js中的事件执行顺序梳理
WANG944282的博客
04-18 8075
js的事件执行顺序梳理
自我理解js执行顺序——附件练习题和自我解析的答案
tsang荒男的博客
03-19 2193
目录前言js执行顺序微任务宏任务练习1练习2练习3 前言 现在每次文章开篇必前言，今天中午公司前端组发了一道题，当时面试也看过，没总结，导致看到题目知道是js执行顺序，并且包括宏任务，微任务，但是答案确差了很远，因此再次总结一下 js执行顺序 我们知道，js是一条流水线，没有多余的分支，而且是从上往下执行。 原理是v8引擎是用来解析js的，因为v8引擎是单线程所以导致js也是单线程的， 此时你会有疑问：但是我们所认识的定时器不是“多线程”吗？实际上定时器是假的‘多线程’。 这个问题留到后面你就知道了 在v8
try catch finally的执行顺序
weixin_42670245的博客
09-04 462
异常处理中，try、catch、finally的执行顺序，大家都知道是按顺序执行的。即，如果try中没有异常，则顺序为try→finally，如果try中有异常，则顺序为try→catch→finally。 如下代码try、finally中都对变量做了改变，针对这种情况对返回值进行分析 public static int test(){ int i = 10; ...
1.8 finally和return的执行顺序
you can you up up up的博客
09-18 139
在 Java 的异常处理中，try、catch 和 finally 是按顺序执行的。 如果 try 中没有异常，则顺序为 try→finally， 如果 try 中有异常，则顺序为 try→catch→finally。 但是当 try、catch、finally 中加入 return 之后，return 和 finally 的执行顺序让很多人混淆不清。下面来分别说明一下。 1. try 和 catch 中带有 return 1）try 中带有 return，先是finally，再是try里的return
finally块中语句执行顺序问题
小强博客
05-07 390
package com.question; /** * @author kankan * @creater 2019-05-07 20:18 */ public class Test { public static void main(String args[]) { System.out.println(ddd()); } public s...
关于JS任务执行顺序-宏任务微任务的理解
旋律代替花束的博客
06-28 3068
一 、概念 了解JS任务执行顺序之前，先了解几个概念 1.同步任务和异步任务的由来 由于JS是单线程，在代码执行的时候，如果代码顺序执行，当前一段代码执行需要很长一段时间，就会影响后面代码的执行，带来的后果可能就是代码执行效率低，页面卡顿，用户体验差，为了避免这个问题，就出现了异步编程，通过回调函数来存放和执行异步代码，任务也划分为两种：同步任务和异步任务。 2.同步任务，异步任务的解释 2.1同步任务：即主线程上的任务，按照顺序由上至下依次执行，当前一个任务执行完毕后，才能执行下一个任务。 2.2异步任务
js中finally的使用
前端菜菜DayDayUp的博客
07-13 8297
finally的使用。
JavaScript执行顺序总结
qq_41872385的博客
03-11 4357
js的执行顺序
js执行顺序
m0_58709757的博客
03-29 1万+
1.首先js是单线程的 所有的同步任务都是按顺序依次执行的，前面的执行完了之后才会执行后面的任务。遇到计算量大的代码就会阻塞在这里。下面的代码就是打印输出10000次，当循环走完了之后 才会走后面的代码，输出的时间是981ms 输出981ms 2.因为js是单线程的，所有的任务都需要按顺序执行，那如果我在执行过程中开启了一个定时器，定时器延迟10秒执行，后面的代码是不是要十秒之后才执行呢？ 测试一下 输出的结果表示：定时器后面的代码先执行了，而定时器里面的代码再10秒后执行了
js 事件循环机制的执行步骤
最新发布
04-14
JS事件循环机制的执行步骤如下： 1. 执行同步任务，根据代码调用顺序依次执行； 2. 处理异步任务，将异步任务放入相应的任务队列中； 3. 执行微任务，即当前所有异步任务执行完成之后立即需要被执行的任务； 4. 执行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值