Node.js 知识(规范)

一、引言

在 Node.js 开发中,存在两种常用的模块规范,分别是默认使用的 CJS(CommonJS)规范以及 ESM(ES Modules)规范,二者在导入导出模块的语法等方面存在差异,下面将详细介绍它们各自的使用方式。

二、ESM(ES Modules)规范

2.1 配置 package.json 方式
  • 整体流程示例
    • demo.js 文件内容
js 复制代码
//从 web.js 文件中导入 title、url、getUrl
import obj from "./web.js";

console.log(obj.title);
console.log(obj.url);
console.log(obj.getUrl());
  • web.js 文件内容
js 复制代码
let title = "标题";
let url = "dengruicode.com";

let getUrl = () => "www.dengruicode.com";

//将一个对象作为整体导出,导出的对象包含 title、url、getUrl
export default { title, url, getUrl };
  • package.json 文件配置关键部分
json 复制代码
{
  "type": "module",
  "name": "demo",
  "version": "1.0.0",
  "main": "demo.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

通过在 package.json 中设置 "type": "module",可以让 Node.js 识别并按照 ESM 规范来处理模块的导入导出操作。

2.2 mjs 文件扩展名方式
  • 整体流程示例
    • demo.mjs 文件内容
js 复制代码
//从 web.mjs 文件中导入 title、url、getUrl
import obj from "./web.mjs";

console.log(obj.title);
console.log(obj.url);
console.log(obj.getUrl());
  • web.mjs 文件内容
js 复制代码
let title = "标题";
let url = "dengruicode.com";

let getUrl = () => "www.dengruicode.com";

//将一个对象作为整体导出,导出的对象包含 title、url、getUrl
export default { title, url, getUrl };

使用 .mjs 作为文件扩展名,Node.js 同样会按照 ESM 规范来处理模块相关操作,这种方式相对更直观地表明了使用的是 ESM 规范。

三、CJS(CommonJS)规范

  • 整体流程示例
    • demo.js 文件内容
js 复制代码
//从 web.js 文件中导入 title、url、getUrl
//import obj from "./web.js"; //ESM规范
const obj = require("./web.js"); //CJS规范

console.log(obj.title);
console.log(obj.url);
console.log(obj.getUrl());
  • web.js 文件内容
js 复制代码
let title = "标题";
let url = "dengruicode.com";

let getUrl = () => "www.dengruicode.com";

//将一个对象作为整体导出,导出的对象包含 title、url、getUrl
//export default { title, url, getUrl }; //ESM规范
module.exports = { title, url, getUrl }; //CJS规范

在 CJS 规范中,使用 require 函数来导入模块,使用 module.exports 来导出模块内容,这与 ESM 规范的 importexport 语法有着明显区别。

四、总结

在 Node.js 项目开发中,了解和掌握 ESM 规范与 CJS 规范的使用方式很重要,开发人员可以根据项目的实际需求、兼容性要求等因素来选择合适的模块规范进行代码的组织和模块间的交互,确保项目能够顺利运行并实现预期的功能。

相关推荐
摘星小杨11 小时前
安装nvm管理node.js,详细安装使用教程和详细命令
node.js·nvm
灋✘逞_兇13 小时前
Node.Js是什么?
服务器·javascript·node.js
归于尽19 小时前
回调函数在Node.js中是怎么执行的?
前端·javascript·node.js
GDAL20 小时前
多字节字符的字节被拆分到不同 chunk 中,导致解码失败
node.js
Jacob02341 天前
“Node.js 不行了”?性能争议中的误解与选择真相
后端·node.js
全宝1 天前
前端也能这么丝滑!Node + Vue3 实现 SSE 流式文本输出全流程
前端·javascript·node.js
天天进步20151 天前
前端工程化:Webpack从入门到精通
前端·webpack·node.js
实习生小黄2 天前
express 连接在线数据库踩坑
node.js·express
伍哥的传说2 天前
H3初识——入门介绍之常用中间件
前端·javascript·react.js·中间件·前端框架·node.js·ecmascript
超级土豆粉2 天前
npm 包 scheduler 介绍
前端·npm·node.js