在JavaScript中,模块化是一种组织和管理代码的重要方式。CommonJS和ESM(ECMAScript模块)是两种主要的模块系统,它们在语法和使用方式上有一些区别。本文将比较CommonJS和ESM模块使用方式,并提供相应的源代码示例。
CommonJS模块使用方式
CommonJS是一种用于服务器端和早期浏览器环境的模块系统。它使用require
函数导入模块,使用module.exports
或exports
对象导出模块。
首先,让我们看一个使用CommonJS模块的示例。假设我们有两个模块,一个是math.js
,负责提供数学计算功能,另一个是app.js
,用于使用math.js
模块中的功能。
math.js:
function add(a, b) {
return a + b;