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

相关推荐
Beginner x_u2 小时前
前端八股整理(工程化 02)|CommonJS/ESM、Webpack Loader/Plugin 与Vite 对比
前端·webpack·node.js·plugin·loader
苦夏木禾3 小时前
URL 类 详解
node.js·js
是谁眉眼14 小时前
npm执行错误 但黑窗口node可以成功启动问题分析
前端·npm·node.js
donecoding14 小时前
Monorepo 里有 app 也有共享包,lerna 真的还需要吗?
前端·node.js·前端工程化
阿正的梦工坊16 小时前
认证、授权、JWT、密码哈希:Node.js 鉴权到底在做什么
算法·node.js·哈希算法
Bigger1 天前
Bun 能上生产吗?我的实战结论
前端·node.js·bun
不会敲代码11 天前
从零搭建 RAG 电子书智能问答系统:天龙八部 × Milvus × LangChain
langchain·node.js·llm
donecoding3 天前
nrm、corepack、npm registry 三者的爱恨情仇
前端·node.js·前端工程化
明月_清风3 天前
关于node 模块化的现状与未来
前端·node.js
李白的天不白3 天前
webpack 与 webpack-cli 版本匹配问题
前端·webpack·node.js