首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js事件循环

之前有看过一些事件循环的博客,不过一阵子没看就发现自己忘光了,所以决定来自己写一个博客总结下!...如果当前任务队列为空的话,它就会一直循环等待任务到来。因此,这叫做事件循环。 那么,问题来了。如果任务队列中,有很多个任务的话,那么要先执行哪一个任务呢?...microtask任务会在当前事件循环周期内执行,而新增的macrotask任务只能等到下一个事件循环才能执行了(一个事件循环只执行一个macrotask) 首先,我们先来看一段代码 console.log...2 microtask队列为空,回到第一步,进入下一个事件循环,此时macrotask队列为: setinterval1,settimeout2 第三次事件循环: 从macrotask队列里取位于队首的任务...原因:因为一开始js主线程中跑的任务就是macrotask任务,而根据事件循环的流程,一次事件循环只会执行一个macrotask任务,因此,执行完主线程的代码后,它就去从microtask队列里取队首任务来执行

18.8K41

nodejs事件循环

2019-04-04 06:21:40 js的执行是事件循环模型,同样作为服务端的nodejs也是基于事件循环事件模型,但是他又增加了一些非 IO 的异步 API: setTimeOut(), setInterval...nodejs事件循环 首先,我们需要了解node.js的基于事件循环事件模型,正是因为它才使得node.js中回调函数十分普遍,也正是基于此,node.js实现了单线程高效的异步IO(这里说的单线程主要说的是执行...同步任务进入主线程后会一直执行,直到同步任务执行完毕,主线程才会出现空闲,此时会去事件队列中查找是否有可执行的异步任务,如果有就推入到主线程中开始执行。如此就完成了整个事件循环。...nodejs在启动时,他会创建一个类似于while(true)的结构,每次执行一次循环体称为一次tick,每个tick的过程就是查看是否有事件等待处理,如果有,则取出事件极其相关的回调函数并执行,然后执行下一次...在每个tick中,如何判断是否有事件需要处理,于是引入了观察者的概念。每一个事件循环都有一个或多个观察者,判断是否有事件需要执行的过程其实就是想这些观察者询问是否有需要处理的事件

1K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Redis事件循环

    Redis事件循环 文件事件 时间事件 事件调度和执行 客户端部分 关于客户端输出缓冲区限制 ServerCron周期函数 服务器启动流程 小结 ---- Redis服务器是一个事件驱动程序, 主要处理两类事件...redis如何在单线程的情况下统筹安排文件事件和时间事件的执行 ---- 文件事件 Redis基于IO多路复用模式开发了自己的网络事件处理器,这个处理器被称为文件事件处理器,该处理器核心运作流程如下:...具体细节参考本文 ---- 时间事件 一个时间事件主要由以下三个属性组成: id : 递增 when : 时间事件到达时间 timeProc : 时间事件处理器,当时间事件到达时,服务器调用绑定的处理器来处理事件...由于redis需要不断的去处理文件和时间事件,因此aeProcessEvents函数需要置于一个循环里面,加上初始化和清理函数,这就构成了Redis服务器的主函数: Redis事件循环机制的核心流程图如下所示...bgrewriteaof 检查持久化操作运行状态 aof缓冲区判断是否需要刷入文件 ---- 服务器启动流程 初始化服务器状态 载入服务器配置 初始化服务器数据结构 还原数据库状态(优先选择aof) 执行事件循环

    52510

    JavaScript 事件循环

    事件循环事件循环」 的概念非常简单。它是一个在JavaScript 引擎等待任务,执行任务和进入休眠状态等待更多任务这几个状态之间转换的无限循环。...,跳到3 其中,在执行代码过程中新增的microtask任务会在当前事件循环周期内执行,而新增的macrotask任务只能等到下一个事件循环才能执行了。...microtask队列为空,回到第一步,进入下一个事件循环,此时macrotask队列为: setinterval1,settimeout2 第三次事件循环: 从macrotask队列里取位于队首的任务...原因:因为一开始js主线程中跑的任务就是macrotask任务,而根据事件循环的流程,一次事件循环只会执行一个macrotask任务,因此,执行完主线程的代码后,它就去从microtask队列里取队首任务来执行...而对于js 的异步事件,因为有事件循环机制,异步事件就是由事件驱动异步非阻塞的,上面的栗子已经很好证明了。

    85420

    nodejs事件循环

    6个主要阶段 当js同步脚本运行完后,如果有异步操作还没有完成,node就将进入事件循环,像http.createServer.listen,fs.readFileAsync等操作都会使node进入事件循环...不会等待响应的I/O回调,如果没有setImmediate设置的回调队列,就会等待I/O操作 举个例子 比如有一个设置了100ms后执行的定时器,同时有一个I/O操作,交给内核,内核正在读取文件,当事件循环开始时...,timers阶段显示时间没到100ms,跳过进入poll阶段,此时文件还没有读完,但因为poll阶段检测到也没到定时器的100ms,所以即使进行下一轮的事件循环还是会跳过timers阶段,所以决定等待文件读取的操作...,就是堵塞在poll阶段,直到100ms,此时如果文件读取完成,就会把文件读取的回调执行完,再进入下一轮事件循环,执行timers的定时器 但有一个情况会有所不同,就是在cheak阶段的队列不为空,即有...setImmediate意为在本轮I/O操作后马上执行回调,setTimeout则是一段时间后,尽可能快的执行回调 3.process.nextTick 独立维护一个队列,在每个阶段结束后,都会优先清空该队列 node中的事件循环和宏任务微任务

    46630

    JS 事件循环

    浏览器执行线程 在解释事件循环之前首先先解释一下浏览器的执行线程: 浏览器是多进程的,浏览器每一个 tab 标签都代表一个独立的进程,其中浏览器渲染进程(浏览器内核)属于浏览器多进程中的一种,主要负责页面渲染...上述过程的不断重复就是我们说的 Event Loop (事件循环)。...在事件循环中,每进行一次循环操作称为tick,通过阅读规范可知,每一次 tick 的任务处理模型是比较复杂的,其关键的步骤可以总结如下: 在此次 tick 中选择最先进入队列的任务( oldest task...).then(function() { console.log('then1') }) console.log('script end'); 这个题目就稍微有点复杂了,我们再分析下: 首先,事件循环从宏任务...最后的最后,记住,JavaScript 是一门单线程语言,异步操作都是放到事件循环队列里面,等待主执行栈来执行的,并没有专门的异步执行线程。

    15.4K10

    事件循环详解

    目录 事件循环机制 浏览器的事件循环 浏览器中的宏任务和微任务有哪些 setImmediate/setTimeout MessageChannel promise的then方法 MutationObserver...面试题详解 Node的事件循环 面试题详解 事件循环机制 先了解下任务队列 所有同步任务都在主线程上执行,形成一个执行栈 主线程之外,还存在一个任务队列。...此时区分为浏览器的事件循环和Node端的事件循环。下面将一一详解。...浏览器的事件循环 主线程从任务队列中读取事件,这个过程是循环不断的,所以整个的这种运行机制又称为Event Loop(事件循环) 上图过程是一个宏观的表述,实际上callback queue任务队列是分为...,受代码运行环境的影响 如果setImmediate和timer的队列都是空的,那么循环会在poll阶段停留,直到有一个I/O事件返回,循环会进入I/O callback阶段并立即执行这个事件的回调 check

    62720

    nodejs事件事件循环详解

    简介 上篇文章我们简单的介绍了nodejs中的事件event和事件循环event loop。...nodejs中的事件循环 虽然nodejs是单线程的,但是nodejs可以将操作委托给系统内核,系统内核在后台处理这些任务,当任务完成之后,通知nodejs,从而触发nodejs中的callback方法...注意, windows和linux的具体实现有稍许不同,这里我们只关注最重要的几个phase。 问题:phase的执行过程中,为什么要限制最大的callback执行次数呢?...close callbacks 最后一个phase是处理close事件中的callbacks。比如一个socket突然被关闭,那么将会触发一个close事件,并调用相关的callback。...这里实际上就用到了process.nextTick技术,从而不管我们在什么地方绑定listening事件,都可以监听到listen事件

    74031

    nodejs事件事件循环简介

    同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。...removeAllListeners(): 移除事件的所有监听器 事件循环 我们知道nodejs的代码是运行在单线程环境中的,每次只会去处理一件事情。...所谓事件循环,就是指处理器在一个程序周期中,处理完这个周期的事件之后,会进入下一个事件周期,处理下一个事件周期的事情,这样一个周期一个周期的循环。...事件循环的阻塞 如果我们在事件处理过程中,某个事件的处理发生了阻塞,则会影响其他的事件的执行,所以我们可以看到在JS中,几乎所有的IO都是非阻塞的。...事件循环举例 我们看一个简单的事件循环的例子: const action2 = () => console.log('action2') const action3 = () => console.log

    84040

    nodejs事件事件循环简介

    同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。...removeAllListeners(): 移除事件的所有监听器 事件循环 我们知道nodejs的代码是运行在单线程环境中的,每次只会去处理一件事情。...所谓事件循环,就是指处理器在一个程序周期中,处理完这个周期的事件之后,会进入下一个事件周期,处理下一个事件周期的事情,这样一个周期一个周期的循环。...事件循环的阻塞 如果我们在事件处理过程中,某个事件的处理发生了阻塞,则会影响其他的事件的执行,所以我们可以看到在JS中,几乎所有的IO都是非阻塞的。...事件循环举例 我们看一个简单的事件循环的例子: const action2 = () => console.log('action2') const action3 = () => console.log

    1K50

    nodejs事件事件循环简介

    同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。...removeAllListeners(): 移除事件的所有监听器 事件循环 我们知道nodejs的代码是运行在单线程环境中的,每次只会去处理一件事情。...所谓事件循环,就是指处理器在一个程序周期中,处理完这个周期的事件之后,会进入下一个事件周期,处理下一个事件周期的事情,这样一个周期一个周期的循环。...事件循环的阻塞 如果我们在事件处理过程中,某个事件的处理发生了阻塞,则会影响其他的事件的执行,所以我们可以看到在JS中,几乎所有的IO都是非阻塞的。...事件循环举例 我们看一个简单的事件循环的例子: const action2 = () => console.log('action2') const action3 = () => console.log

    80341

    nodejs事件事件循环详解

    简介 上篇文章我们简单的介绍了nodejs中的事件event和事件循环event loop。...nodejs中的事件循环 虽然nodejs是单线程的,但是nodejs可以将操作委托给系统内核,系统内核在后台处理这些任务,当任务完成之后,通知nodejs,从而触发nodejs中的callback方法...注意, windows和linux的具体实现有稍许不同,这里我们只关注最重要的几个phase。 问题:phase的执行过程中,为什么要限制最大的callback执行次数呢?...close callbacks 最后一个phase是处理close事件中的callbacks。 比如一个socket突然被关闭,那么将会触发一个close事件,并调用相关的callback。...这里实际上就用到了process.nextTick技术,从而不管我们在什么地方绑定listening事件,都可以监听到listen事件

    85340

    JavaScript事件循环模型

    当调用栈为空时,JavaScript 引擎会检查事件队列,如果队列中有任务,则将任务从队列中取出并放入调用栈中执行。这个过程不断循环,被称为事件循环。...通过事件循环模型,JavaScript 可以实现非阻塞的异步操作,使得程序可以同时处理多个任务。组成部分JavaScript 事件循环模型由以下几个组成部分构成:1....一旦异步任务完成,Web API 会将回调函数放入事件队列中。4. 事件循环(Event Loop)事件循环是 JavaScript 引擎的核心部分。...事件循环检查事件队列,发现定时器任务,将其放入调用栈中执行,输出 'Timeout'。定时器任务执行完成,调用栈为空,事件循环继续。...事件循环检查事件队列,发现 Promise 任务,将其放入调用栈中执行,输出 'Promise'。Promise 任务执行完成,调用栈为空,事件循环继续。事件循环检查事件队列,发现没有任务,结束。

    36220

    Event loop 事件循环

    事件循环机制:事件循环会不断地从事件队列中取出事件并执行对应的事件处理函数。首先会执行所有的微任务,然后执行一个宏任务,再执行所有的微任务,依次循环执行,直到事件队列中没有任务为止。...通过事件循环,JavaScript可以实现异步编程,避免了阻塞主线程。同时,事件循环也保证了事件处理的顺序,避免了并发操作的问题。...事件循环开始,事件循环首先会执行微任务队列中的回调函数。Promise 1 和 Promise 2 被打印出来。 接着,事件循环会从任务队列中取出一个回调函数执行。"...事件循环开始,事件循环首先会执行微任务队列中的回调函数。由于微任务队列中只有一个回调函数,它被打印出来,即 "Data fetched"。 接着,事件循环会从任务队列中取出一个回调函数执行。"...以上示例仅仅是展示了事件循环的基本机制,实际的应用中可能会有更多复杂的异步操作和事件处理,所以事件循环的顺序和执行时间可能会有所不同。

    7900
    领券