JS异步之宏队列与微队列

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量104 收藏
点赞数
分类专栏： javaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41638459/article/details/114691305
版权

JS异步之宏队列与微队列

宏队列与微队列

  1. 宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM事件回调/ajax回调
  2. 微列队: 用来保存待执行的微任务(回调), 比如: promise的回调/MutationObserver的回调
  3. JS执行时会区别这2个队列
    JS引擎首先必须先执行所有的初始化同步任务代码
    每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行
陈皮球
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS异步宏队列与微队列原理区别详解
10-15
主要介绍了JS异步宏队列与微队列原理区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript 异步之宏队列与微队列
好好学习天天向上
03-21 1834
文章目录js 异步之宏队列与微队列 js 异步之宏队列与微队列 异步执行的函数(回调函数)放入队列中执行。队列分为宏队列与微队列。 宏队列：用来保存执行的宏任务（回调），比如：dom事件回调，ajax回调，定时器回调 微队列：用来保存执行的微任务（回调），比如：promise回调，mutation回调 1.JS为单线程引擎，必须先执行所有的初始化同步任务代码。 2.每次取出第一个宏任务执行前，都要将所有的微任务执行完毕。 同步->微队列->宏队列 setTimeout(()=>{ //
异步任务队列的两种处理方法
mincheat的专栏
10-09 8039
先对这里的异步任务做下解释： 这里的意思是，该任务有几种状态，创建，等待，运行，结束；其中等待是因为，该任务要正常运行，需要其他线程（或进程）提供相应的条件（或触发事件），然后才会运行。    针对这种要异步处理（等待）的任务队列管理模式，个人理解有两种处理方法。 第一种：  也是最常规的一种，定义一个队列，创建任务，然后push到队列里面去，每个任务创建之后，（或接到开启命令）启动等
JS宏队列微队列
wdhxs的博客
08-05 556
javascript在执行时，遇到异步执行的方法，不会等异步方法返回结果再继续向下执行，而是先将异步方法放到一个队列中，然后继续执行，最后主线程空闲时，再按照顺序执行队列里的异步方法，叫做事件轮回。队列又分为宏队列和微队列，将宏任务放在宏队列，微任务放在微队列，在执行时遵循先全局方法，后微任务，最后宏任务的顺序。 宏任务：setTimeout, setInterval, setImmediate, I/O, UI rendering. 微任务：process.nextTick, Promise.then,
JS异步宏队列微队列原理详解
10-14
主要介绍了JS异步宏队列微队列原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JS 异步之宏队列与微队列
weixin_56361614的博客
10-05 119
原文地址： 1.https://www.cnblogs.com/jiangweichen88/p/13528231.html 2.https://blog.csdn.net/DoLi_JIN/article/details/108691893 原理图： setImmediate 也是宏任务，在 Node 环境下，微任务还有 process.nextTick JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队 宏列队：用来保存待执行的宏任务（回调），比如：定时器回调、DOM 事件回调、aj.
JS异步之宏队列与微队列.md
LLLLLLLLLLe的博客
10-21 200
原理图 异步执行的回调函数有一个共同特点：在合适的时机都会被放到队列里面去。下面来看一些哪些种类的回调函数是放到宏队列，哪些是放到微队列的 宏队列中每一个回调称为宏任务，微队列中的每一个回调称为微任务 宏队列：用来保存待执行的宏任务（回调） dom事件回调 ajax回调 定时器回调 微队列：用来保存待执行的微任务（回调） promise回调 mutation回调 setTimeout(() => { // 会立即放入宏队列 console.log("ti
js 怎么判断一个对象的键值对的所有值是不是都为空
陈皮球的博客
08-13 7109
var arr = Object.values(searchForm).filter(function (item) { if (item !== '') { return true //过滤掉为空的项 } }) if (arr.length === 0) { // 如果过滤后的arr长度为0，表示对象的键值对的值都为空！ console.log('searchForm这个对象的键值对的值都为空') } searchForm是一个对象。 ...
axios用delete方法传参数
陈皮球的博客
03-12 4466
在axios中，post和put的第二个参数直接为data，第三个参数为config。 但是delete第二个参数为config，所以传值时需要借助config中data字段，用data携带过去 return axios.delete('/url/dataurl', { data: data, header: {xxx: xxx} }).then(res=>{ return res.data }).catch(err=>{ return e
js数组对象中，新增对象前判断是否已有重复的
陈皮球的博客
08-13 3729
js数组对象中，新增对象前判断是否已有重复的 此处的背景是在vue中，data已经定义了authDatas data中： authDatas ： [{code:1,value:'qq'},{code:2,value:'weixin'}] this.authDatas.forEach(function(item,index) { if (item.code === authDatasObj.code) { that.authDatas.splice(index,1) // 删
javaScript中获取一个对象的所有键名
陈皮球的博客
08-13 1834
Object.keys(一个对象)，//返回值是包含key的数组(IE9及以上可支持 Chrome与FF自不必说) Object.values() //获取所有的value值 Object.entries() //分别将keys 和 values 放到两个数组中 这些都行，看自己需求
vue中父组件触发子组件的方法
陈皮球的博客
08-13 288
vue中父组件触发子组件的方法 1. 在子组件（checkTree）中定义以下方法： getCheckedNodes(authoId) {.....} 2. 在父组件中：父组件引用子组件(ref) <checkTree :options="userOptions" ref="treeChild" :props="defaultProps" @getNodeArr="getNodeArr(arguments)"> </checkTree> js中，通过ref引
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 121
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 200
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
异步操作中的宏任务与微任务
07-27
在异步操作中，宏任务和微任务是两种不同的任务类型，它们决定了执行顺序和优先级。 宏任务（Macrotask）是一组需要异步执行的任务，通常包括以下几种： 1. setTimeout 和 setInterval 回调函数 2. DOM 事件处理...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值