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 1225
Promise的用法及相关的JS执行顺序，Promise的方法、参数、状态、特点、优点，回调函数、回调地狱
详解JS浏览器事件循环机制
10-17
JavaScript浏览器事件循环机制是JavaScript在浏览器环境中执行的核心机制，它涉及到多线程、任务队列以及事件处理。首先，理解进程和线程的概念至关重要。进程是操作系统分配资源的基本单位，而线程是执行流，是CPU...
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 610
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事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
深入理解 Event Loop事件循环机制
01-08
事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器...
解决循环中setTimeout执行顺序的问题
08-27
本文旨在解决JavaScript中的循环中setTimeout执行顺序的问题，并提供了多种解决方法。 知识点一：setTimeout的执行顺序 在JavaScript中，setTimeout函数可以使得函数延迟执行，然而在循环中使用setTimeout时，可能...
js--事件循环机制.doc
07-13
JavaScript 事件循环机制是编程语言的核心特性之一，它允许单线程的 JavaScript 在处理异步操作时保持非阻塞和并发。以下是对这一机制的详细解释： 1. **JavaScript 单线程** JavaScript 之所以被称为单线程，是...
js中的事件执行顺序梳理
WANG944282的博客
04-18 8088
js的事件执行顺序梳理
自我理解js执行顺序——附件练习题和自我解析的答案
tsang荒男的博客
03-19 2196
目录前言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 144
在 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 8341
finally的使用。
JavaScript执行顺序总结
qq_41872385的博客
03-11 4383
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、付费专栏及课程。

余额充值