Nodejs 之事件循环 代码执行顺序

更新日期: 2021-03-31 阅读: 1.7k 标签: node

关于Nodejs的事件循环Event Loop,网上有各种各样的介绍,因此本文我们不再针对具体的事件循环进行说明,我们从一个实际的示例来说明Nodejs的事件循环究竟是如何工作。


背景

Nodejs 事件循环是支撑Nodejs 非阻塞IO以及异步执行的基础,因此理解事件循环的执行也就可以写出正确的代码或者说我们就能更快的找出为什么不按我写的代码顺序执行的原因所在。

说起Nodejs事件循环,不得不提一个图,介绍的是Nodejs的事件循环示意图,其中将事件循环分为:timers、pending callback、idle prepare 、poll、check、close。

其中本文我们仅关注三个阶段,timers、poll、check。

其中timers阶段对应的是setTimeout、setInterval 两个方法,而这两个方法对应的也是宏任务。

poll 是异步回调事件,除了setTimeout、setInterval、process.nextTick、Promise、setImmediate之外的事件。

check 阶段对应的是serImmediate 事件。

下面我们画一个表格来说明这三个阶段:

阶段方法是否宏任务所属队列
timerssetTimeout、setIntrval宏任务队列
poll各种异步回调  
checksetImmediate宏任务队列

另外,process.nextTick 属于微任务TickQueue队列,Promise.resolve()属于others 微任务队列。

说到这里,有小伙伴会想,说好的事件循环,咋还聊起来宏任务、微任务了,文不对题,差评。

别急,老铁,之所以会提微任务,是因为微任务也会参与Nodejs的异步执行,因此加上这俩微任务,我们就可以更明确的说明程序代码的执行顺序。


示例

先简要说明下结论,微任务执行队列是按先进先出的顺序执行,但微任务队列之间是有执行顺序,nextTick queue的执行优先级大于others 微任务队列。

另外,微任务会比宏任务先执行。

示例1:如何让一个同步执行的方法延迟执行?

let carName;
function myCar() {
// 此处需要延迟执行 否则carName会输出undefined
console.log("this is mycar: " + carName);
}

function setCarName() {
carName = "Audi";
}

参考做法,将myCar的执行延迟,

let carName;
function myCar() {
// 此处需要延迟执行 否则carName会输出undefined
process.nextTick(()=>{
console.log("this is mycar: " + carName);
});
setTimeout(() => {
console.log("this is mycar: " + carName);
});
Promise.resolve().then(()=>{
console.log("this is mycar: " + carName);
});

setImmediate(()=>{
console.log("this is mycar: " + carName);
});
}

function setCarName() {
carName = "Audi";
}

myCar();
setCarName();

示例2:宏任务和微任务混合代码,在Nodejs 事件循环的加持下,会产生怎样的火花?

先说明几个原则

1、在有同步代码执行的时候,同步代码的执行优先级会高于任何的异步代码

2、而异步代码如果分属不同的阶段,那么执行顺序也是固定

3、在同一执行背景下,微任务代码的优先级会高于宏任务代码。

简单示例1:包含单个阶段的异步代码

//同步代码优先执行 同步代码的执行优先级最高
console.log("start");
myCar(1);

//会加入到事件循环timers阶段
setTimeout(() => {
    console.log("timeout 1");
});

//会加入到事件循环timers阶段
setTimeout(() => {
    console.log("timeout 2");
});


myCar(2);
console.log("end");

function myCar(index) {
    console.log("同步输出" + index);
}

通过该示例,我们会得出一个结论,在同一个事件循环阶段,会按照添加顺序,先进先出的原则进行执行。

简单示例2:加入微任务执行

加入process.NextTick及Promise 微任务队列,请注意我们前面提到,微任务队列的执行优先级高于宏任务队列,且nextTickqueue的执行优先级高于Promise所属的others。

//同步代码优先执行 同步代码的执行优先级最高
console.log("start");
myCar(1);

//会加入到事件循环timers阶段
setTimeout(() => {
console.log("timeout 1");
});

//会加入到事件循环timers阶段
setTimeout(() => {
console.log("timeout 2");
});

// 会添加到微任务队列 nextTickQueue 队列中
process.nextTick(() => {
console.log("tick 1");
});

//会添加到微任务队列 others 微任务队列
Promise.resolve().then(() => {
console.log("promise 1");
});

// 会添加到微任务队列 nextTickQueue 队列中
process.nextTick(() => {
console.log("tick 2");
});
//会添加到微任务队列 others 微任务队列
Promise.resolve().then(() => {
console.log("promise 2");
});

myCar(2);
console.log("end");

function myCar(index) {
console.log("同步输出" + index);
}


结论

本文主要描述的是Nodejs 微任务与宏任务执行的先后顺序,更多具体的执行细节,请讲上述示例手工敲代码运行之后,仔细回味,针对方法内部包含的也是同理。

1、微任务执行>宏任务任务

2、nextTick >others 执行

3、同步执行代码执行优先级最高。

4、同一阶段或同一队列的执行,按先进先出的顺序执行。

5、代码的执行和代码所在的位置无关

来自:https://www.cnblogs.com/jiagoushi/p/14563474.html


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/10208

相关推荐

怎么卸载nodejs?

Node.js是一个Javascript运行环境,可以使Javascript这类脚本语言编写出来的代码运行速度获得极大提升,那么安装后该如何卸载呢?下面本篇文章就来给大家介绍一下Windows平台下卸载node.js的方法,希望对大家有所帮助。

happypack提升项目构建速度

运行在 Node.js 之上的 Webpack 是单线程模型的,也就是说 Webpack 需要处理的任务需要一件件挨着做,不能多个事情一起做。happypack把任务分解给多个子进程去并发的执行,子进程处理完后再把结果发送给主进程。

nodejs 异步转同步

nodej项目在微信环境开发,nodejs的异步特效,会导致请求没有完成就执行下面的代码,出现错误。经过多方查找,可以使用async模块来异步转同步,只有前一个function执行callback,下一个才会执行。

node.js反向代理的实现

在实际工程开发中,会有前后端分离的需求。使用node.js反向代理的目的:实现前后端分离,前端减少路径请求的所需的路由文件;通过http-proxy-middleware中间件、Http Proxy 模块这2种方式实现node.js的反向代理

Ubuntu 上 Node.js 安装和卸载

Ubuntu 安装 Node.Js:执行检查可更新的软件,先用普通的apt工具安装低版本的node,然后再升级最新。更换淘宝的镜像,这个是必须的,用过的node的人都知道。安装更新版本的工具N

nodejs 文本逐行读写功能的实现

利用nodejs实现:逐行读写(从一个文件逐行复制到另外一个文件);逐行读取、处理和写入(读取一行,处理后,写入另一个文件)1.所需要的模块: fs,os,readline。功能的实现:readWriteFileByLine.js,功能的调用:index.js

使用pkg打包Node.js应用的方法步骤

Node.js应用不需要经过编译过程,可以直接把源代码拷贝到部署机上执行,确实比C++、Java这类编译型应用部署方便。然而,Node.js应用执行需要有运行环境,意味着你需要先在部署机器上安装Node.js

query和params在前后端中的区别

最近在学node,试着做一个前后端都有的项目,然后就遇到了query和parmas这俩兄弟,你说他们俩长得也不像吧,可这用法实在是太类似了,专门写篇文章来区分这哥俩,分别会从vue路由和Node接收两个角度讲

用node.js开发一个可交互的命令行应用

在这个教程中,我们会开发一个命令行应用,它可以接收一个 CSV 格式的用户信息文件,教程的内容大纲:“Hello,World”,处理命令行参数,运行时的用户输入,异步网络会话,美化控制台的输出,封装成 shell 命令,JavaScript 之外

Node.js 应用:Koa2 使用 JWT 进行鉴权

在前后端分离的开发中,通过 Restful API 进行数据交互时,如果没有对 API 进行保护,那么别人就可以很容易地获取并调用这些 API 进行操作。那么服务器端要如何进行鉴权呢?

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!