介绍
开发者大家好!
今天,我们将讨论 Node.js 中 .mjs(ECMAScript 模块)和 .cjs(CommonJS 模块)之间的区别。虽然像 React、Next.js 和 Vue 这样的现代框架通常会自动处理模块支持,但在直接使用 Node.js 时理解这些差异至关重要,尤其是在事件循环和执行顺序方面。
我这次讨论的主要目标是事件循环,在接下来的部分中,我们将看到一些案例。
基本信息
mjs(ECMAScript 模块)支持,
import fs from 'fs' import https from 'https'
cjs(CommonJS 模块)支持
const fs = require('fs') const https = require('https')
事件循环和执行顺序
Node.js 事件循环处理具有特定角色和优先级的不同队列。影响执行顺序的两个重要函数是 process.nextTick() 和 setImmediate(),我们时常使用这些函数。
process.nextTick 与 setImmediate
如果您知道 process.nextTick 与 setImmediate 之间的区别那就太好了,如果不知道的话,这是一个非常基本的想法
process.nextTick 确保一段代码在当前函数之后但在任何异步 I/O 操作之前运行。
setImmediate 安排回调函数在任何 I/O 事件之后在事件循环的下一次迭代中执行。
当前代码 -> process.nextTick ->任何 I/O 操作 ->立即设置
代码示例
让我们看一下演示执行顺序的代码片段:
//In case of mjs import https from "https"; import fs from "fs"; //In case of cjs const https = require("https"); const fs = require("fs"); setImmediate(() => { console.log("setImmediate callback"); }); process.nextTick(() => { console.log("nextTick callback"); }); fs.readFile("./async.cjs", (err, data) => { console.log("file IO Callback"); }); fs.readdir(process.cwd(), () => console.log("file IO Callback 2")); https.get("https://www.google.com", (res) => { console.log("https callback"); }); setImmediate(() => { console.log("setImmediate callback 2"); }); Promise.resolve().then(() => { console.log("Promise Callback"); }); process.nextTick(() => { console.log("Process nextTick console"); process.nextTick(() => { console.log("Process nextTick console 2"); process.nextTick(() => { console.log("Process nextTick console 3"); process.nextTick(() => { console.log("Process nextTick console 4"); }); }); }); }); Promise.resolve().then(() => { console.log("Promise Callback 2"); }); console.log("Main thread mjs"); Promise.resolve().then(() => { console.log("Promise Callback 3"); });
预期执行顺序与实际执行顺序
代码应该以这种方式运行和执行
- 主线
- 承诺回调
- nextTick 回调
- 设置立即回调
- I/O 回调和输出应该是
Main thread mjs Promise Callback Promise Callback 2 Promise Callback 3 nextTick callback Process nextTick console Process nextTick console 2 Process nextTick console 3 Process nextTick console 4 setImmediate callback setImmediate callback 2 file IO Callback file IO Callback 2 https callback
但是mjs也是这样吗?
不是真的!
这是 mjs 和 cjs 的输出
与 process.nextTick 和 setImmediate 类似,我们也可以在 Promises 中看到相同的行为。
原因是什么?
显然,我们在 mjs(ECMAScript 模块)和 cjs(CommonJS 模块)文件中观察到的有关 setImmediate 和 process.nextTick 的行为差异是由于 Node.js 在不同模块系统中处理事件循环和微任务的方式造成的.
对于 ESM (.mjs):
- 在 ESM 中,Node.js 使用不同的方法来处理主模块执行。
- 主模块代码包装在异步函数中,然后执行。
- 这会导致在处理所有微任务(包括 process.nextTick 和 Promises)后,为事件循环的下一次迭代安排 setImmediate 回调。
对于 CommonJS (.cjs):
- 在CommonJS中,主模块代码是同步执行的。
- 这意味着 setImmediate 回调会立即安排,并且可以在某些微任务之前运行(如果它们排队得足够早)。
框架行为
我已经在 Express 和 Nextjs 应用程序(开发模式)中测试了此行为,有趣的是,Express 的行为类似于 cjs,而 Nextjs 的行为类似于 mjs。第一组日志来自 Express,下一组日志来自 Nextjs
结论
直接使用 Node.js 时,了解 .mjs 和 .cjs 文件之间执行顺序的差异至关重要。我希望,这将帮助您更好地理解这些函数与文件的区别和执行。因此,下次当您在应用程序中玩或尝试这些功能时,请记住以下几点:)
再举个例子,ES模块和CommonJS文件执行的区别请参考Node.js官方文档。
以上是mjs 与 cjs 与事件循环的详细内容。更多信息请关注PHP中文网其他相关文章!

JavaScript在浏览器和Node.js环境中运行,依赖JavaScript引擎解析和执行代码。1)解析阶段生成抽象语法树(AST);2)编译阶段将AST转换为字节码或机器码;3)执行阶段执行编译后的代码。

Python和JavaScript的未来趋势包括:1.Python将巩固在科学计算和AI领域的地位,2.JavaScript将推动Web技术发展,3.跨平台开发将成为热门,4.性能优化将是重点。两者都将继续在各自领域扩展应用场景,并在性能上有更多突破。

Python和JavaScript在开发环境上的选择都很重要。1)Python的开发环境包括PyCharm、JupyterNotebook和Anaconda,适合数据科学和快速原型开发。2)JavaScript的开发环境包括Node.js、VSCode和Webpack,适用于前端和后端开发。根据项目需求选择合适的工具可以提高开发效率和项目成功率。

是的,JavaScript的引擎核心是用C语言编写的。1)C语言提供了高效性能和底层控制,适合JavaScript引擎的开发。2)以V8引擎为例,其核心用C 编写,结合了C的效率和面向对象特性。3)JavaScript引擎的工作原理包括解析、编译和执行,C语言在这些过程中发挥关键作用。

JavaScript是现代网站的核心,因为它增强了网页的交互性和动态性。1)它允许在不刷新页面的情况下改变内容,2)通过DOMAPI操作网页,3)支持复杂的交互效果如动画和拖放,4)优化性能和最佳实践提高用户体验。

C 和JavaScript通过WebAssembly实现互操作性。1)C 代码编译成WebAssembly模块,引入到JavaScript环境中,增强计算能力。2)在游戏开发中,C 处理物理引擎和图形渲染,JavaScript负责游戏逻辑和用户界面。

JavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中,JavaScript与HTML、CSS一起操作DOM,实现动态效果,并支持如jQuery、React等框架。2)通过ReactNative和Ionic,JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行,支持高并发请求。

Python更适合数据科学和自动化,JavaScript更适合前端和全栈开发。1.Python在数据科学和机器学习中表现出色,使用NumPy、Pandas等库进行数据处理和建模。2.Python在自动化和脚本编写方面简洁高效。3.JavaScript在前端开发中不可或缺,用于构建动态网页和单页面应用。4.JavaScript通过Node.js在后端开发中发挥作用,支持全栈开发。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver CS6
视觉化网页开发工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

Atom编辑器mac版下载
最流行的的开源编辑器

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。