模块化（CommonJS：社区标准）

最新推荐文章于 2025-08-26 05:05:13 发布
原创 最新推荐文章于 2025-08-26 05:05:13 发布 · 722 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #html #css
本文介绍了两种模块化标准：CommonJS 社区标准和 ESModule 官方标准，并详细阐述了 CommonJS 规范的五个核心要点，包括模块的定义、全局变量管理、导出与导入机制及缓存机制。
模块化的标准（node环境）

1、 CommonJS(CMJ) 社区标准
2、 ES Module（ESM） 官方标准

CMJ规范

1、所有的js文件均是一个模块，运行的模块叫做入口模块
2、所有的模块中的全局变量、函数，均不会产生污染
3、当一个模块需要提供一些东西给别的函数使用时，需要把这些东西[导出] module.exports
4、当一个模块需要用到别的模块的东西的时候，需要[导入]require(模块路径必须以./或…/开头)
5、模块有缓存，第一次运行模块后，导出结果会被缓存，之后再次使用该模块，直接使用缓存结果

模块化-CMJ&ESM
qinqinzqq的博客
06-23 471
CommonJS 重点AMDCMDES6 模块化 重点每个模块尽量简洁，不超过50行代码，便于维护和复用，避免全局污染nodejs直接运行某个js文件，该文件被称之为入口文件；nodejs 遵循es标准，单由于脱离了浏览器环境，因此：1、你可以在nodejs中使用es标准的任何语法或api，例如：循环、判断、数组、对象等2、你不能在nodejs中使用浏览器的web api，例如：dom对象，window对象，document对象等模块：模块就是一个js文件，它实现了一部分功能，并隐藏自己的内部实现，同时提供
网络中的模块化和社区结构(Modularity and community structure in networks)
Wendy_WHY_123的博客
04-29 1万+
Machine learning and the physical sciences摘要Ⅰ.引言Ⅵ.化学和材料科学（ CHEMISTRY AND MATERIALS）A.基于原子环境的能量和力（ Energies and forces based on atomic environments） 作者：M. E. J. Newman 翻译：Wendy 摘要   人们发现，许多与科学有关的网络，包括...
【学习】CommonJS规范和实现
思诚^_^
12-30 3845
写在前面 一言以蔽：CommonJS是服务器端模块的规范，Node.js采用了这个规范。 commonJS简介根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。举个例子 example.jsconsole.log("evaluating example.js"); var invisible =
社区发现算法中模块化度量值Q（Modularity)的计算
s1491695565的专栏
08-25 1万+
社区发现算法中模块化度量值Q（Modularity)的计算
【复杂网络系列】模块度（Modularity ）的计算方法
热门推荐
SNS程飞的专栏
01-09 2万+
Modularity Measure(模块化度量值），由Newman等人提出，是目前常用的一种衡量网络中社区稳定度的方法。 如上图所示，我们将这个图以图中两根横线为方式进行划分，共得三个社区（community），其中红色，绿色以及蓝色的点各为一个社区。 这里我们采用的计算公式为：Q=∑（I/E-((2I+O)/2E)**2）。 在上式中I表示两个端点
工程化 1：CommonJS标准实现模块化
最新发布
weixin_63215361的博客
08-26 957
math.JS 文件这个文文件呢，它是提供一些数学相关的函数啊，我们要编写的就是模拟我们在真实项目里边儿，把很多事情呢拆分成不同的文件去处理。进入终端，然后呢，我们去运行一下这个 Node 命令，后边跟上我们的文件名 JS文件名就是 index . js。因此呢，可以看到，我们 node 环境里边是不需要浏览器参与的，是直接运行。模块中的所有全局定义的，变量、函数，都不会污染到其他模块，【如该JS文件中定义var a=1,只能运行在该文件中，其他文件无法调用该文件定义的变量】我们也可以运行，它怎么运行呢？
【译】基于JS模块化现状谈谈选择ES6模块的原因
weixin_33890526的博客
08-09 229
这篇文章，我们将了解为什么JS社区有必要选择ES6模块。 现状 要明白这种重要性，首先我们需要描述一下JS的实际情况。过去5年，JavaScript 发展得非常迅猛，大多数开发人员几乎没意识到当前已经有 5 种方式，可以为 JavaScript 脚本和应用创建模块了！ 原始的 IIFE () : 这是最古老，也是比较简单的创建 JS 模块...
全面理解JavaScript模块化：CommonJS与ES6模块规范
DeL的博客
11-27 6291
cjs 与 es6 模块化使用
JavaScript模块化：CommonJS、AMD与ES模块化
NolanKy 的 技术博客
04-15 1500
CommonJS主要用于服务器端，同步加载模块，适用于Node.js。它的优势在于简单易用，但在浏览器端可能导致页面阻塞。AMD主要用于浏览器端，异步加载模块，避免页面阻塞。它的优势在于适用于大型Web应用程序，但语法相对繁琐。ES模块化是最新的模块化标准，适用于服务器端和浏览器端，具有更好的语法和功能。它的优势在于静态加载、编译时检查和更简洁的语法，但需要浏览器或运行时的支持。在实际项目中，可以根据具体需求和场景选择合适的模块化规范。例如，对于Node.js项目，可以使用CommonJS；
12.Node.js模块化：CommonJS 标准和ECMAScript标准
qq_53914247的博客
03-09 1767
主要介绍了Node.js模块化的两种标准：CommonJS 标准和ECMAScript标准
JavaScript模块化演进：从CommonJS到ES Module的全面解析
嗨，欢迎来到我的 CSDN 博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。
06-02 3965
JavaScript模块化演进：从CommonJS到ES Module的全面解析
【玩转Node.JS】=＞CommonJS 模块化标准
学而不思则罔,思而不学则殆
04-22 882
将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为 模块化其中拆分出的 每个文件就是一个模块 ，模块的内部数据是私有的，不会造成全局污染。不过模块可以暴露内部数据以便其他模块使用
一文搞懂 JavaScript 模块化规范：CommonJS、AMD、ES6 Module
Allen-
09-02 3336
在现代 JavaScript 开发中，模块化是提升代码组织性和可维护性的关键。本文深入解析三种主流的模块化规范——CommonJS、AMD 和 ES6 Module。
ES6的模块化和commonJS的模块化有什么区别？
dzhnb的博客
12-18 1578
ES6模块更适合于现代JavaScript开发，具有静态分析、支持异步加载、模块化和更清晰的语法。CommonJS模块主要用于Node.js环境，特点是同步加载、动态模块解析，适用于服务器端开发，但不太适合浏览器环境，除非通过打包工具进行转换。两者各有优缺点，通常在浏览器环境中使用 ES6 模块，在Node.js中则更常用 CommonJS，但在现代应用中，尤其是配合构建工具（如 Webpack、Babel）时，ES6 模块正逐渐成为标准。
Node.js：深入探秘 CommonJS 模块化的奥秘
2301_79793626的博客
10-23 1499
在Node.js上下文环境中提供了一个module对象和一个exports对象。module代表当前模块，exports是当前模块的一个属性，代表要导出的一些API。一个文件就是一个模块，把方法或者变量作为属性挂载在exports对象上即可将其作为模块的一部分进行导出。// add.js在另一个文件中，我们可以通过requireadd(1, 2);// 输出 3Node.js的模块系统基于CommonJS规范，但在实现上进行了优化和扩展。
JS模块化总结 | CommonJS、ES6
yavlgloss的博客
08-14 2319
JS模块化总结 | CommonJS、ES6
前端Javascript模块化 CommonJS与ES Module区别
警警的博客
04-21 1474
ES Module 的静态结构支持编译时删除未使用代码（如 Webpack 的 Tree Shaking），而 CommonJS 因动态加载无法实现此优化。ES Module的普及促使npm生态向ESM迁移，工具链（如Webpack、Rollup、Vite）全面支持ESM，形成从开发到构建的完整解决方案。从“脚本堆砌”到“工程化设计”，模块化推动了组件化开发、Monorepo架构和微前端实践，例如通过Webpack和Vite实现模块联邦与即时编译。模块化通过独立作用域隔离变量，避免全局命名冲突。
深入浅出 JavaScript 的模块化：从 CommonJS 到 ES Modules
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
12-05 2081
同步 vs 异步：CommonJS 是同步加载模块，适合服务器端使用；而 ES6 模块支持异步加载，适合现代浏览器的使用场景。静态 vs 动态：ES6 模块支持静态分析，可以进行更好的优化（如 tree-shaking）；CommonJS 主要通过动态的require加载模块。默认导出：CommonJS 使用进行默认导出，而 ES6 模块使用。模块化是 JavaScript 发展过程中不可或缺的一个特性，从 CommonJS 到 ES6 模块，模块化的实现方式不断演进，带来了更高效、更灵活的开发体验。
一小时速通JavaScript模块化，涵盖CommonJS与ES6模块化
weixin_51591826的博客
10-28 1546
一小时速通JavaScript模块化，涵盖CommonJS与ES6模块化
commonJS和ES6模块化的区别
xieanna123的博客
12-11 5524
commonJS和ES6模块化一、简述区别1.语法差异2. 什么是运行时加载呢？3. 什么是编译时加载或静态加载呢？4.在 Node.js 中使用模块化，ES6 模块与 CommonJS 模块差异二、commonJS三、ES6模块化1.语法2.在浏览器中使用ES6模块四、在 Node.js 中使用模块化1. 在Node.js 中使用ES6模块2. 在Node.js 中使用commonjs模块3.package.json 的 main 和exports字段 一、简述区别 在 ES6 之前，社区制定了一些模块
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr_XMeng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值