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

更新日期: 2021-03-31阅读: 1.3k标签: 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

关于 Node.js 里 ES6 Modules 的一次更新说明

关于 Node.js 里 ES6 Modules 的一次更新说明,总结来说:CommonJS 与 ES6 Modules 之间的关键不同在于代码什么时候知道一个模块的结构和使用它。

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

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

Node启动https服务器

首先你需要生成https证书,可以去付费的网站购买或者找一些免费的网站,可能会是key或者crt或者pem结尾的。不同格式之间可以通过OpenSSL转换

nodejs 异步转同步

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

基于node服务器的大文件(G级)上传

3G的大文件分1500个2M二进度文件,通post方法发送给node服务,服务器全部接收到文件后,进组装生成你上文件。

为什么要把 JavaScript 放到服务器端上运行?

JavaScript比C的开发门槛要低,尽管服务器端JavaScript存在已经很多年了,但是后端部分一直没有市场,JavaScript在浏览器中有广泛的事件驱动方面的应用,考虑到高性能、符合事件驱动、没有历史包袱这3个主要原因,JavaScript成为了Node的实现语言。

了解node.js事件循环

node.js的第一个基本论点是I / O的性能消耗是很昂贵。因此,使用当前编程技术的最大浪费来自于等待I / O完成。有几种方法可以处理性能影响

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

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

Node.js 前端开发指南

我们经常跟Node.js打交道,即使你是一名前端开发人员 -- npm脚本,webpack配置,gulp任务,程序打包 或 运行测试等。即使你真的不需要深入理解这些任务,但有时候你会感到困惑,会因为缺少Node.js的一些核心概念而以非常奇怪的方式来编码。

happypack提升项目构建速度

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

点击更多...

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