js 同步任务和异步任务

于 2024-09-08 09:35:08 发布
阅读量403 收藏 3
点赞数 2
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29579625/article/details/142015839
版权

一、什么是同任务和异步任务

  • 同步（Synchronous）：代码按照顺序执行，一行接一行。当一段代码执行时，它会阻塞后续代码的执行，直到它完成。
  • 异步（Asynchronous）：代码不会按照顺序立即执行，而是等待某个操作（如网络请求、定时器）完成后，通过回调函数、Promise等方式来通知执行后续代码。

二、同步任务和异步任务执行规则

  • 同步任务由 JavaScript 主线程次序执行
  •  异步任务委托给宿主环境执行
  •  已完成的异步任务对应的回调函数，会被加入到任务队列中等待执行
  •  JavaScript 主线程的执行栈被清空后，会读取任务队列中的回调函数，次序执行
  •  JavaScript 主线程不断重复上面的第 4 步

JavaScript 主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行。这
个过程是循环不断的，所以整个的这种运行机制又称为 EventLoop（事件循环）。

三、异步任务的宏任务和微任务

宏任务和微任务

JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：

  1.  宏任务（macrotask）
  •  异步 Ajax 请求、
  •  setTimeout、setInterval、
  • 文件操作
  •  其它宏任务

     2.  微任务（microtask）

  • Promise.then、.catch 和 .finally
  •  process.nextTick
  • 其它微任务

四、示例代码

Byron0707
关注
同步任务和异步任务
m0_61631823的博客
01-20 746
1.执行过程： ①同步任务由JavaScript主线程次序执行 ②异步任务委托给宿主环境执行 ③已完成的异步任务对应的回调函数会被加入到任务队列中等待执行 ④JavaScript主线程的执行栈被清空后，会读取任务队列中的回调函数，次序执行 ⑤JavaScript主线程不断重复上面的第四步 2.EventLoop（事件循环）：JavaScript主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行这个过程是循环的，所以整个机制称为：EventLoop 3.例题（经典面试题） i
javascript 同步任务、异步任务，单线程、多线程，执行栈、任务队列、任务队列的维护，宏任务、微任务，事件循环。
Absurd_people的博客
08-30 978
原文连接：https://blog.csdn.net/weixin_39788986/article/details/110130711 原文连接：https://blog.csdn.net/terrychinaz/article/details/112425039
js中同步与异步处理的方法和区别总结
10-26
若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求，下面为大家介绍下js中同步与异步处理的方法和区别，感兴趣的朋友不要错过
同步任务、异步任务、宏任务、微任务、任务的执行过程实例详解、setTimeout()是同步还是异步
qq_56715703的博客
05-07 4414
JavaScript是单线程语言，也就是说，只有一条通道，且js中任务是按顺序依次执行的，但若有一个任务时间过长，就会让后续任务一直等待。为了解决这个问题，将任务分为同步任务和异步任务，异步任务又分为宏任务和微任务。
EventLoop 宏任务与微任务
m0_60507322的博客
10-17 250
JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题。 2. 同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类： ① 同步任务（synchronous） ⚫ 又叫做非耗时任务，指的是在主线程上排队执行的那些任务 ⚫ 只有前一个任务执行完毕，才能执行后一个任务 ② 异步任务（asy
event loop 与 vue
weixin_34240657的博客
10-12 146
结论 对于event loop 可以抽象成一段简单的代码表示 for (macroTask of macroTaskQueue) { // 1. Handle current MACRO-TASK handleMacroTask(); // 2. Handle all MICRO-TASK f...
js 同步与异步
Tianxiaoxixi的博客
04-17 3983
js 同步与异步
JS同步和异步问题
jiaweiok123的博客
02-26 9988
一、单线程 （1）单线程的概念     如果大家熟悉java，应该都知道，java是一门多线程语言，我们常常可以利用java的多线程处理各种各样的事，比如说文件上传，下载等，而JavaScript是否也可以支持多线程呢？   答案是否定的，JavaScript是一门单线程的语言，因此，JavaScript在同一个时间只能做一件事，单线程意味着，如果在同个时间有多个任务的话，这些任务就需要进行...
js中的同步任务、异步任务、宏任务、微任务
LickDog的博客
08-30 744
宏任务和微任务的基础理解
同步任务，异步任务（微任务/宏任务）
最新发布
vera的博客
05-08 580
JavaScript 主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行。宏任务的时间粒度比较大，执行的时间间隔是不能精确控制的，对一些高实时性的需求就不太符合。④JavaScript 主线程的执行栈被清空后，会读取任务队列中的回调函数，次序执行。当异步任务执行完成后，会通知JavaScript 主线程执行异步任务的回调函数。当前宏任务执行完成后，会查看微任务的事件队列，然后将里面的所有微任务依次执行完。一个需要异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前。
浅谈js的ajax的异步和同步请求的问题
10-21
在讲解JavaScript中的Ajax技术时，经常会遇到异步和同步请求的问题。本文旨在深入探讨这一问题，并通过实例代码说明在Ajax调用中如何控制这两种请求方式。 Ajax（Asynchronous JavaScript and XML）是一种在无需...
JS中的同步任务和异步任务的概念以及区别
zzh1251994430的博客
10-08 1391
JS中的同步和异步 单线程语言 js是一门单线程语言，所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。如果一个任务耗时过长，那么后面的任务就必须一直等待下去，会拖延整个程序，常见浏览器无反应，可能就是一段代码死循环，造成程序卡住在这个位置，无法继续。而js之所以会是单线程语言的原因和它的用途有很大的关系，我们都知道，JavaScript作为浏览器的脚本语言，主要用来实现与用户的交互，利用JavaScript，我们可以实现对DOM的各种各
同步任务与异步任务
m0_62877814的博客
11-17 397
同步任务与异步任务
同步任务和异步任务（微任务和宏任务）
m0_51658494的博客
04-09 5445
同步任务和异步任务（微任务和宏任务） JavaScript是一门单线程语言 分为同步任务和异步任务 同步任务是指在主线程上排队执行的任务， 只有前一个任务执行完毕，才能继续执行下一个任务。 异步任务指的是，不进入主线程、而进入"任务队列"的任务 只有等主线程任务全部执行完毕，"任务队列"的任务才会进入主线程执行。 而异步任务分为宏任务和微任务 macro-task(宏任务)：包括整体代码script，setTimeout，setInterval micro-task(微任务)：Promi
js同步任务异步任务执行顺序
04-01
在JavaScript中，同步任务和异步任务的执行顺序是不同的。 同步任务是按照代码的顺序依次执行的，也就是说，每个任务需要等待上一个任务执行完成后才能开始执行。 异步任务是不需要等待上一个任务执行完成就可以开始执行的，这是因为异步任务通常是通过回调函数来实现的，当异步任务完成后，会调用相应的回调函数。 因此，异步任务的执行顺序是不确定的，它们可能在同步任务执行期间开始执行，也可能在同步任务执行完毕后才开始执行。但是，所有的异步任务都会在同步任务执行完毕后被执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值