JS异步机制

最新推荐文章于 2023-07-05 19:51:34 发布
最新推荐文章于 2023-07-05 19:51:34 发布
阅读量371 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhghxy94/article/details/82859779
版权

JS异步机制

主线程、执行栈、任务队列

  1. 主线程不断读取执行栈中的同步事件，直到执行栈空
  2. 异步任务结束放入任务队列，执行栈空时主线程读取任务队列
  3. 任务队列读取完毕，回到步骤1

宏任务与微任务

宏任务：script(整体代码)、setTimeout、setInterval、UI 渲染、 I/O、postMessage、 MessageChannel、setImmediate(Node.js 环境)
微任务：Promise、 MutaionObserver、process.nextTick(Node.js环境）

  1. 主线程先执行宏任务，产生的异步任务完成后放入任务队列
  2. 宏任务完成后主线程执行微任务，完成后回到步骤1
zhghxy94
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中的异步
weixin_43165676的博客
12-22 5970
JS异步编程、事件循环
javascript异步调用机制
大西瓜不甜的博客
08-29 1657
对于javascript执行机制的理解一直都是混淆不清。在面试或工作的过程中，也经常会遇到代码执行顺序或函数生命周期加载等类似的问题，这些多多少少都与javascript的执行机制相关。今天发现一篇很好的文章，欣喜之余，加以转载，供感兴趣的小伙伴学习，感谢作者分享。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照
JS中的异步以及事件轮询机制
heshan1992的博客
08-18 7005
一、JS为何是单线程的？      JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。（在JAVA和c#中的异步均是通过多线程实现的，没有循环队列一说，直接在子线程中完成相关的操作）      JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动
js异步机制
qq_43654065的博客
08-25 229
转载：https://juejin.cn/post/6844903556084924423#comment 一、同步与异步 1. 同步 如果在函数返回的时候，调用者就能够得到预期结果（即拿到了预期的返回值或者看到了预期的效果），那么这个函数就是同步的。 2. 异步 如果在函数返回的时候，调用者还不能够得到预期结果，而是需要在将来通过一定的手段得到，那么这个函数就是异步的。 二、单线程与多线程 javascript是单线程操作，那那些耗时操作到底交给谁了呢？ javascript其实就是一门语
JS - 异步机制
kelly0721的博客
09-20 1156
JavaScript异步机制靠的是消息队列和事件循环
深入理解JavaScript编程中的同步与异步机制
10-24
Node.js的出现，使得JavaScript能够应用于服务器端编程，这进一步拓展了JavaScript异步编程的场景。Node.js天生的异步非阻塞I/O模型为构建高并发的网络应用提供了强大的支撑。在Node.js中，许多核心API都是异步的，...
javascript异步处理工作机制详解
12-10
从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。 var id = ...
javascript异步机制 — call stack
bdh123b的博客
12-14 990
代码在运行过程中，会有一个叫做调用栈(call stack)的概念。调用栈是一种栈结构,它用来存储计算机程序执行时其活跃子程序的信息。（比如什么函数正在执行，什么函数正在被这个函数调用等等信息）。调用栈是JS引擎执行程序的一种机制。程序每调用一层函数（方法），引擎就会生成它的栈帧，栈帧里面保存了函数的执行上下文，然后将它压入调用栈。栈是一个后进先出的结构，直到最里层的函数执行完，引擎才开始将最后加入的栈帧从栈中弹出。 函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置
JavaScript异步机制
qq_24819841的博客
07-12 177
Js是一门单线程语言，即同一时间只能执行一段代码。 所以，对于同步任务，后一个任务只能等前一个任务执行完才能执行。 异步机制： 而异步任务，需要借助even loop 事件循环机制处理。 当存在执行到异步任务时，会先把异步任务挂起，交由浏览器其他线程来检测call back 回调任务。 当检测到有回调任务时，则把回调任务放到任务队列。 执行流程： （Js执行引擎主线程会优先检测任务队列中是否有事件可执行，接着再处理其他异步任务） Js线程处理完了同步任务后，会循环检测任务队列。 取出任务队列中的任务，压到同
JS 的异步机制一探
油墨香^-^的博客
12-17 190
坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。但是对于很多时候 CPU 都是闲着的，比如在执行 IO 操作（输入输出），ajax 请求，文件读写等，这些操作 CPU 完全可以不管 IO 操作，可以继续往下执行其他任务。在执行改变页面颜色之前，先判断当前锁的类型是否和任务对应锁的类型相等，如果相当，才执行改变颜色，否则，不执行。语法，它给开发带来了巨大的便利，但是，如果对 JS 异步机制不够熟悉，就会导致使用错误，最终引发功能 bug，有时候还极其难以定位。
JS的异步执行机制-浅析
guoweifeng0012的博客
07-11 346
S 主线程拥有一个执行栈（同步任务）和 一个任务队列（microtasks queue），主线程会依次执行代码， 当遇到函数（同步）时，会先将函数入栈，函数运行结束后再将该函数出栈； 当遇到task任务（异步）时，这些 task 会返回一个值，让主线程不在此阻塞，使主线程继续执行下去，而真正的task任务将交给浏览器内核执行，浏览器内核执行结束后，会将该任务事先定义好的回调函数加入相...
js异步执行机制
EIiejor的博客
05-06 1225
说起JS的异步执行机制，如果百度一下，你首先会发现阮一峰的写过一篇关于异步机制的文章（http://www.ruanyifeng.com/blog/2014/10/event-loop.html），等你津津有味又一头雾水的看完，然后继续看百度的其他结果，然后会发现，阮一峰的这篇被另一个大牛朴灵给批判了 （http://www.360doc.com/content/14/1011/13/15077656_416048738.shtml）。 由此可见，关于异步执行机制到底是怎么回事，因为涉及到浏览器底层机制，所
JavaScript异步机制与方案
最新发布
hlhlyz的博客
07-05 1037
这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。指的是程序中执行异步任务的代码部分，异步逻辑与主逻辑相互独立，不会阻塞主逻辑的执行，异步任务执行完毕后，触发回调函数来通知主逻辑执行后续处理。所以呢，我让出来，让后面的人先打饭，等我的饭卡到了，我再打饭。Javascript语言的执行环境是"单线程"。：代码难以维护，我们要获取异步程序的数据，不能用return拿数据，用回调函数拿，就要控制顺序，就要用嵌套，嵌套的多了，代码难以维护。
Javascript运行环境异步机制
lianliange85的专栏
11-10 589
在C#，Java中，异步方法，通常是伴随多线程，并发等术语一起出现的，比如C#中的async方法，是运行在一个线程池线程上，并且在异步方法运行完成后，有一个回调函数通知主线程。 那么由于Javascript是单线程的，它的异步又是怎么解释的？ 首先对异步方法给一个定义，什么样的方法算是异步方法。我认为异步方法最主要有2点，一个是不阻塞当前代码的执行，另一个是有回调方法。即异步方法运行完
你不知道的JS（十二）：异步机制
weixin_51670675的博客
05-16 430
在JS中，通过事件循环的方式实现多个“进程”的同时运行。现在运行的块和将来运行的块之间的关系是异步的核心。
JavaScript异步机制详解
LRH0211的博客
01-26 1730
学习JavaScript的时候了解到JavaScript是单线程的，刚开始很疑惑，单线程怎么处理网络请求、文件读写等耗时操作呢？效率岂不是会很低？随着对这方面内容的了解和深入，知道了其中的奥秘。本篇文章就主要讲解一下JavaScript怎么处理异步问题。 一、同步与异步 在介绍JavaScript的异步机制之前，首先介绍一下：什么是同步？什么是异步？ 同步 如果在函数返回的时
彻底搞懂JavaScript异步机制
yhy1315的博客
07-09 325
想要搞懂JavaScript的异步机制，一定要先搞清楚JavaScript是怎么执行任务。 JavaScript是单线程的这点大家应该都是知道的，为什么JavaScript要被设计成为一门无法多线程的语言？这是因为，程序员在编写多线程的程序时，时常会陷入麻烦当中，如死锁、可读性差等问题...
浅析JS异步执行机制
weixin_30252709的博客
04-29 94
前言 JS异步执行机制具有非常重要的地位，尤其体现在回调函数和事件等方面。本文将针对JS异步执行机制进行一个简单的分析。 从一份代码讲起 下面是两个经典的JS定时执行函数，这两个函数的区别相信对JS有一定基础的同学是十分清楚的。timeout仅仅只会执行一次，而interval则会执行多次。 setTimeout(function (args) { console.log(...
Node.js异步机制：libev与libeio的运用及挑战
"这篇文档详细探讨了Node.js的异步机制、原理以及存在的问题，重点关注了libev和libeio在Linux环境下如何协同工作来实现异步I/O。此外，文档还提到了其他异步I/O实现方式，如select、poll、epoll等，以及线程模拟和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值