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 规范的使用方式很重要,开发人员可以根据项目的实际需求、兼容性要求等因素来选择合适的模块规范进行代码的组织和模块间的交互,确保项目能够顺利运行并实现预期的功能。

相关推荐
全栈前端老曹3 小时前
【包管理】read-pkg-up 快速上手教程 - 读取最近的 package.json 文件
前端·javascript·npm·node.js·json·nrm·package.json
水冗水孚4 小时前
告别黑盒!手写Windows版简易NodeMON,学习文件监听代码修改与进程服务重启知识
node.js·express
程序员爱钓鱼4 小时前
Node.js 编程实战:测试与调试 —— 调试技巧与性能分析
前端·后端·node.js
Mr -老鬼6 小时前
Node.js 打包二进制文件完全指南
node.js
xiaoxue..7 小时前
把大模型装进自己电脑:Ollama 本地部署大模型完全指南
javascript·面试·node.js·大模型·ollama
这就是佬们吗7 小时前
告别 Node.js 版本冲突:NVM 安装与使用全攻略
java·linux·前端·windows·node.js·mac·web
天意pt21 小时前
Blog-SSR 系统操作手册(v1.0.0)
前端·vue.js·redis·mysql·docker·node.js·express
程序员iteng1 天前
AI一键图表生成、样式修改的绘图开源工具【easy-draw】
spring boot·开源·node.js
2301_818732061 天前
安装了node,但是cmd找不到node和npm,idea项目也运行失败 已解决
前端·npm·node.js
Benny的老巢1 天前
【n8n工作流入门02】macOS安装n8n保姆级教程:Homebrew与npm两种方式详解
macos·npm·node.js·n8n·n8n工作流·homwbrew·n8n安装