当前位置：首页 > news >正文

node.js模块化步骤（各标准区别）CommonJS规范、AMD规范、UMD规范、ES Modules (ESM)

news 来源：原创 2025/5/10 14:34:27

前后端建议统一使用ESM

文章目录

Node.js模块化发展历程与标准对比
- 一、模块化的意义
- - 1.1 解决的核心问题
  - 1.2 没有模块化的问题
- 二、CommonJS规范
- - 2.1 核心特征
  - 2.2 实现示例
- 三、AMD (Asynchronous Module Definition)
- - 3.1 特点
  - 3.2 代码示例
- 四、UMD (Universal Module Definition)
- - 4.1 核心思想
  - 4.2 模板示例
- 五、ES Modules (ESM)
- - 5.1 主要特性
  - 5.2 使用方式
- 六、各规范对比
- - 6.1 加载机制
  - 6.2 语法差异
- 七、最佳实践建议
- - 7.1 选择标准
  - 7.2 工程化配置
- 八、未来发展趋势
- - 8.1 ESM的统一趋势
  - 8.2 新特性支持

Node.js模块化发展历程与标准对比

一、模块化的意义

1.1 解决的核心问题

避免命名冲突
更好的依赖管理
提高代码可维护性
实现代码复用

1.2 没有模块化的问题

// 全局作用域污染示例
var userName = "张三";
var getUserInfo = function() { /*...*/ };// 其他文件可能会不小心覆盖这些变量
var userName = "李四";  // 变量被覆盖

二、CommonJS规范

2.1 核心特征

同步加载
Node.js默认支持
使用require引入，module.exports导出

2.2 实现示例

// math.js - 导出模块
module.exports = {add: function(a, b) {return a + b;},subtract: function(a, b) {return a - b;}
};// main.js - 导入模块
const math = require('./math');
console.log(math.add(2, 3));  // 输出: 5

三、AMD (Asynchronous Module Definition)

3.1 特点

异步加载
浏览器端使用
依赖前置声明

3.2 代码示例

// 使用 RequireJS 实现AMD规范
define(['jquery', 'lodash'], function($, _) {// 模块定义return {// 导出的方法processData: function(data) {// 使用jquery和lodash处理数据return _.map(data, function(item) {return $(item).val();});}};
});

四、UMD (Universal Module Definition)

4.1 核心思想

通用模块规范
兼容CommonJS和AMD
适配多环境运行

4.2 模板示例

// UMD模块包装器
(function(root, factory) {if (typeof define === 'function' && define.amd) {// AMD环境define(['jquery'], factory);} else if (typeof exports === 'object') {// CommonJS环境module.exports = factory(require('jquery'));} else {// 浏览器全局环境root.returnExports = factory(root.jQuery);}
}(this, function($) {// 模块实现return {// 公共方法method: function() {}};
}));

五、ES Modules (ESM)

5.1 主要特性

静态导入导出
支持异步加载
官方标准规范
Tree Shaking支持

5.2 使用方式

// utils.js - 导出模块
export const formatDate = (date) => {// 日期格式化逻辑return date.toISOString();
};export const calculateAge = (birthDate) => {// 年龄计算逻辑return new Date().getFullYear() - birthDate.getFullYear();
};// main.js - 导入模块
import { formatDate, calculateAge } from './utils.js';
// 按需导入，支持Tree Shaking

六、各规范对比

6.1 加载机制

CommonJS: 同步加载，适合服务器
AMD: 异步加载，适合浏览器
UMD: 兼容多环境
ESM: 支持同步异步，静态分析

6.2 语法差异

// CommonJS
const module = require('./module');// AMD
define(['./module'], function(module) {});// ESM
import module from './module';

七、最佳实践建议

7.1 选择标准

Node.js后端：优先使用CommonJS
现代前端：优先使用ESM
需要兼容多环境：考虑UMD
老旧项目：可能需要AMD

7.2 工程化配置

// package.json配置示例
{"type": "module",  // 启用ESM"exports": {// 同时支持CommonJS和ESM"require": "./dist/index.cjs","import": "./dist/index.mjs"}
}

八、未来发展趋势

8.1 ESM的统一趋势

浏览器原生支持
Node.js增强支持
工具链全面支持

8.2 新特性支持

动态导入
模块命名空间
更细粒度的模块控制

node.js模块化步骤（各标准区别）CommonJS规范、AMD规范、UMD规范、ES Modules (ESM)

前后端建议统一使用ESM 文章目录 Node.js模块化发展历程与标准对比一、模块化的意义1.1 解决的核心问题1.2 没有模块化的问题二、CommonJS规范2.1 核心特征2.2 实现示例三、AMD (Asynchronous Module Definition)3.1 特点3.2 代码示例四、UMD (Universal Module Definition)…...

编程日记 2025/5/10 14:34:27

Unity图片导入设置

🏆 个人愚见，没事写写笔记 🏆《博客内容》：Unity3D开发内容 🏆🎉欢迎 👍点赞✍评论⭐收藏 🔎Unity支持的图片格式 ☀️BMP:是Windows操作系统的标准图像文件格式，特点是…...

编程日记 2025/5/8 12:44:17

MySQL与分布式架构的碰撞

目录一、分布式架构的核心挑战与MySQL的应对策略 1.1 高并发与扩展性 1.3 高可用与容灾二、MySQL分布式架构的核心技术实现 2.1 读写分离与主从复制（扩展） 2.2 数据分片与分布式存储（扩展） 2.3 MySQL Cluster与NDB引擎&am…...

编程日记 2025/5/9 3:37:54

python-MySQL鏈接

python鏈接MySQL，主要利用庫 pip install mysql-connector-pythonimport mysql.connector# 配置连接参数 config {"user": "your_username","password": "your_password","host": "localhost", # 或…...

编程日记 2025/5/10 12:58:49

cv::remap() 和 cv::undistortion() 的区别

在 OpenCV 中，cv::remap 和 cv::undistort 都用于处理图像畸变校正，但它们的实现方式和应用场景有显著区别。以下是详细对比： 1. cv::undistort：直接畸变校正功能输入：原始畸变图像相机内参矩阵 (cameraMatrix) …...

编程日记 2025/5/9 13:35:19

【AI提示词】决策树专家

提示说明一位熟悉决策树算法的机器学习专家，擅长用树状图量化不同选择的结果概率。提示词 # Role: 决策树专家## Profile - language: 中文 - description: 一位熟悉决策树算法的机器学习专家，擅长用树状图量化不同选择的结果概率 - background: 决…...

编程日记 2025/5/2 8:56:58

bthread数据结构 bthread_数据结构_学习笔记1 pthread_cond_t1.1 definition1.2 解释1.3 设计动机1.4 使用示例1.5 注意事项1.6 进一步延伸：pthread_cond_s 2 pthread_mutex_t bthread_数据结构_学习笔记 1 pthread_cond_t POSIX线程库 /usr/include/x86_64-linux…...

编程日记 2025/5/8 17:31:04

VM虚拟机安装CentOS7.9

目录 1.下载CentOS7.9 2.VM虚拟机选择自定义，然后一直傻瓜式下一步 3.选择编辑虚拟机设置，然后选择刚刚下载的ISO 4.输入 ip addr 获取ip地址 5.用Xshell连接 1.下载CentOS7.9 链接：https://pan.baidu.com/s/1kW2gGWnbcjNtq4kz46LKVw?p…...

编程日记 2025/5/9 17:52:59

C++/SDL 进阶游戏开发 —— 双人塔防（代号：村庄保卫战 18）

🎁个人主页：工藤新一 🔍系列专栏：C面向对象（类和对象篇） 🌟心中的天空之城，终会照亮我前方的路 🎉欢迎大家点赞👍评论📝收藏⭐文章文章目录二…...

编程日记 2025/5/2 8:54:53

Cribl 数据脱敏更多方法 MASK （三）

我做过好几个cribl 数据脱敏的实验: Cribl 脱敏mask-CSDN博客...

编程日记 2025/5/9 5:08:19

【笔记】深度学习模型训练的 GPU 内存优化之旅⑤：内存分配篇

开设此专题，目的一是梳理文献，目的二是分享知识。因为笔者读研期间的研究方向是单卡上的显存优化，所以最初思考的专题名称是“显存突围：深度学习模型训练的 GPU 内存优化之旅”，英文缩写是 “MLSys_GPU_Memory_Opt”。…...

编程日记 2025/5/2 8:53:50

【5G 架构】边缘计算平台是如何与3GPP网络连接的？

博主未授权任何人或组织机构转载博主任何原创文章，感谢各位对原创的支持！ 博主链接本人就职于国际知名终端厂商，负责modem芯片研发。在5G早期负责终端数据业务层、核心网相关的开发工作，目前牵头6G技术研究。博客内容主要围绕…...

编程日记 2025/5/10 14:33:16

5.0.0 GripSpliter的使用（探讨水平竖直对齐参数）

布局控件Grid 配合 GridSplitter 无需编写任何代码就能实现网格大小可拖动。其HorizontalAlignment、VerticalAlignment属性的使用非常具有迷惑性；本文做了一些一些实验，总结为把这两个属性均设置为strech即可。总结如下：经过实验，发现以下情况可以正常工作。水平方向…...

编程日记 2025/5/9 0:12:41

python如何把pdf转word

在Python中将PDF转换为Word文档（.docx）比反向转换（Word转PDF）更具挑战性，因为PDF是固定格式，而Word是可编辑格式。以下是几种可行的方法及详细步骤： 方法1：使用 pdf2docx 库 pdf2do…...

编程日记 2025/5/9 13:35:44

go实现双向链表

需求实现双向链表的节点生成、正反向遍历、指定删除。实现 package mainimport ("fmt" )type zodiac_sign struct {number intdizhi stringanimal stringyear intprevious *zodiac_signnext *zodiac_sign }// 添加 // func add_node_by_order(pr…...

编程日记 2025/5/9 13:04:18

33、VS中提示“以下文件中的行尾不一致。是否将行尾标准化？“是什么意思？

在Visual Studio（VS）中遇到提示“以下文件中的行尾不一致。是否将行尾标准化？”时，意味着当前打开或正在编辑的文件内部存在行尾符（EOL，End-Of-Line）格式不统一的情况。以下是详细解释和应对建议…...

编程日记 2025/5/10 14:28:40

C 语言第五章指针（5）

目录函数参数传递机制：地址传递值传递简单变量指针作为形参举例1： 举例2： 举例3： 数组作为形参举例： 函数参数传递机制：地址传递值传递 void test(int a, int b) { a 10; b 20; print…...

编程日记 2025/5/2 8:49:39

Python项目源码69：Excel数据筛选器1.0（tkinter+sqlite3+pandas）

功能说明：以下是一个使用Tkinter和Pandas实现的完整示例，支持Excel数据读取、双表格展示和高级条件筛选功能： 1.文件操作：点击"打开文件"按钮选择Excel文件（支持.xlsx和.xls格式），自…...

编程日记 2025/5/2 8:48:38

机器人--架构及设备

机器人的四大组成部分控制系统驱控系统驱控驱动系统控制系统。注意，这里的控制系统不是机器人层面的控制系统，属于更小层级的，驱控系统的控制系统。驱动系统： 一般指硬件设备，比如电机驱动器，I/O…...

编程日记 2025/5/8 22:30:55

机器人--主机--控制系统

机器人主机机器人主机，即控制系统。作用机器人主机的核心功能传感器数据处理：处理摄像头、激光雷达、IMU等数据。运行SLAM/导航算法：如Google Cartographer、RTAB-Map。路径规划与控制：执行A*、DWA等算法。通信管理&a…...

编程日记 2025/5/2 8:46:32

Stm32 烧录 Micropython

目录前言准备工作开始操作问题回顾后记前言去年曾经尝试Pico制作openmv固件，由于知识储备不够最后失败了，留了一个大坑，有了前几天的基础，慢慢补齐知识，最近这一周一直在学习如何编译Stm固件并烧录到单片机…...

编程日记 2025/5/9 21:30:06

leetcode 977. Squares of a Sorted Array

题目描述双指针法一用right表示原数组中负数和非负数的分界线。 nums[0,right-1]的是负数，nums[right,nums.size()-1]是非负数。然后用合并两个有序数组的方法。合并即可。 class Solution { public:vector<int> sortedSquares(vector<int>&…...

编程日记 2025/5/8 13:41:36

使用Nexus搭建远程maven仓库

1、Nexus介绍 Nexus 是 Sonatype 公司的一款用于搭建私服的产品，使用非常广泛。在早期，我们都拿Nexus当maven私服仓库，后来，随着版本不断更新，它支持的数据类型越来越多，比如npm仓库，nuget仓库&…...

编程日记 2025/5/2 8:46:30

坚鹏：工行《DEEPSEEK赋能银行智能办公及数字化营销服务》培训

中国工商银行上海市分行《DEEPSEEK赋能银行智能办公及数字化营销服务》培训圆满落幕中国工商银行作为全球领先的综合性金融服务集团，始终走在金融科技创新的前沿。截至2024年末，工商银行总资产规模突破40万亿元，连续多年稳居全球银行榜首。在…...

编程日记 2025/5/2 8:45:27

操作系统OS是如何指挥外围设备的呢？

众所周知，OS的职责之一就是管理外围设备，比如常见的磁盘、硬盘、显示器、麦克风等，但并不是外围设备的一切都必须由OS管理，比如无线鼠标上的开关键，当你通过它关闭鼠标时，这个操作并不会经过OS，…...

编程日记 2025/5/2 8:44:23

实现Sentinel与Nacos的规则双向同步

实现Sentinel与Nacos的规则双向同步：完整解决方案前言在微服务架构中，流量控制和熔断降级是保障系统稳定性的重要手段。阿里开源的Sentinel作为一款轻量级的流量控制组件，常被用于实现这些功能。然而，在实际生产环境中&#x…...

编程日记 2025/5/2 8:44:22

2025五一杯数学建模A题：支路车流量推测问题，思路分析+模型代码

一持续更新，见文末名片二、问题背景想象一下，城市的道路如同一张巨大的脉络图，主路如同大动脉，配备着车流量监测设备，能实时记录车流量数据，就像我们身体的传感器一样。然而，当多条支路像毛细…...

编程日记 2025/5/2 8:43:20

Linux51 安装baidunetdisk yum install rpm -ivh

推测网卡感觉是不是以前哪里设置了下 deepseek说的这个设置我没有设置过这个不会弄啊准备用虚拟机安个软件神奇换了这个命令又能打开网卡了参考了这个参考之前地址我觉得配置错误动态分配我就删掉ip地址了路由表中无ip地址吗？ OK 卸载运…...

编程日记 2025/5/9 17:06:17

【Python-Day 8】从入门到精通：Python 条件判断 if-elif-else 语句全解析

Langchain系列文章目录 01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南 02-玩转 LangChain Memory 模块：四种记忆类型详解及应用场景全覆盖 03-全面掌握 LangChain：从核心链条构建到动态任务分配的实战指南 04-玩转 LangChai…...

编程日记 2025/5/10 10:21:35

若依 FastAPI + Vue3 项目 Docker 部署笔记（启动器打包教程）

本文记录了将 start.bat 打包成 .exe 启动器的详细教程，适合项目交付或导师演示用。 🧭 一、如何将 start.bat 打包为启动器 .exe（含图标自动打开浏览器） ✅ 1. 创建三大功能脚本 start.bat → 启动项目（docke…...

编程日记 2025/5/2 8:40:14

Lebesgue测度和积分理论发展概观

1. 发展背景积分可以从两个角度来理解。首先，积分是微分的逆函数，因此积分是反导数(译注：但积分是独立于微分的，不能微分的函数也可能可积)。然而，这是一个非常抽象的概念。其次，两点之间的积分可以看…...

编程日记 2025/5/2 8:40:13

算法题题型总结

二叉树题型解法综述：二叉树的解法，基本上都是依赖遍历，再加上递归的思路来做的。那递归又分为深度优先和广度优先。深度优先算法，前序，中序，后序。广度优先，利用先进先出队列，一层…...

编程日记 2025/5/9 17:20:27

网络编程——TCP和UDP详细讲解

文章目录 TCP/UDP全面详解什么是TCP和UDP？TCP如何保证可靠性？1. 序列号（Sequence Number）2. 确认应答（ACK）3. 超时重传（Timeout Retransmission）4. 窗口控制（Sliding Win…...

编程日记 2025/5/2 8:38:09

Qt多线程TCP服务器实现指南

在Qt中实现多线程TCP服务器可以通过为每个客户端连接分配独立的线程来处理，以提高并发性能。以下是一个分步实现的示例： 1. 自定义工作线程类（处理客户端通信） // workerthread.h #include <QObject> #include <QTcpSo…...

编程日记 2025/5/2 8:38:08

【经管数据】A股上市公司资产定价效率数据（2000-2023年）

数据简介：资产定价效率是衡量市场是否能够有效、准确地反映资产内在价值的重要指标。在理想的市场条件下，资产的市场价格应该与其内在价值保持一致，即市场定价效率达到最高。然而，在实际市场中，由于信息不对称、交易摩…...

编程日记 2025/5/10 4:07:40

打包 Python 项目为 Windows 可执行文件：高效部署指南

Hypackpy 是一款由白月黑羽开发的 Python 项目打包工具，它与 PyInstaller 等传统工具不同，通过直接打包解释器环境和项目代码，并允许开发者修改配置文件以排除不需要的内容，从而创建方便用户一键运行的可执行程序。以下是使用 Hyp…...

编程日记 2025/5/2 8:37:05

【QNX+Android虚拟化方案】138 - USB 底层传输原理

【QNX+Android虚拟化方案】138 - USB 底层传输原理 1. USB 数据包的格式2. 数据传输事务过程3. 四种传输类型3.1 批量传输3.2 中断传输3.3 实时传输3.4 控制传输4. USB 设备枚举过程4.1 Attached: 发送控制传输，读取设备描述符4.2 Power -> Default 这个状态无数据传输4.3 …...

编程日记 2025/5/2 8:36:02

QT6 源（66）篇三：阅读与注释类 QAbstractSpinBox ，这是螺旋框的基类，附上源码

（9）所有代码来自于头文件 qabstractspinbox . h : #ifndef QABSTRACTSPINBOX_H #define QABSTRACTSPINBOX_H#include <QtWidgets/qtwidgetsglobal.h> #include <QtWidgets/qwidget.h> #include <QtGui/qvalidator.h>/* QT_CONFIG宏实…...

编程日记 2025/5/2 8:36:02

MCP入门

什么是mcp mcp（model context protocol，模型上下文协议） 标准化协议：让大模型用统一的方式来调用工具，是llm和工具之间的桥梁 A2A：Agent-to-Agent协议 mcp通信机制提供mcp服务查询的平台具有工具合集…...

编程日记 2025/5/10 0:28:19

FPGA中级项目8———UART-RAM-TFT

FPGA中级项目8———UART-RAM-TFT UART串口我们学过，RAM IP核学过，TFT同样也学过。那如何将它们联合起来呢？ 言简意赅：实现从串口写入图像到RAM并且由TFT显示屏输出！ 首先第一步，便是要将UART_RX与RAM之间…...

编程日记 2025/5/2 8:34:56

Ocelot\Consul\.NetCore的微服务应用案例

案例资料链接：https://download.csdn.net/download/ly1h1/90733765 1.效果实现两个微服务ServerAPI1和ServerAPI2的负载均衡以及高可用。具体原理，看以下示意图。 2.部署条件 1、腾讯云的轻量化服务器 2、WindowServer2016 3、.NETCore7.0 4、Negut …...

编程日记 2025/5/2 8:33:55