CommonJS 基础——require/module.exports 与 exports
学习 CommonJS：require()、module.exports、exports 简写，以及与 ESM 的简单互操作
CommonJS 基础——require/module.exports 与 exports 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 2 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 3 节课。
CJS：整体概览
目标：阅读和编写小型 CommonJS 模块。
- require() 加载模块
- module.exports 是导出对象
- exports 是指向同一对象的快捷方式
- 快速了解 ESM 互操作
require()——概念
在 CommonJS 中，require(path) 返回模块导出的对象。
// CommonJS import uses require()
const cjsExample = [
"const math = require(\\"./math.js\\");",
"console.log(math.sum(2, 3));"
];
console.log("require() example:");
for (const line of cjsExample) console.log(line);
// Emulate a loaded module object
const loaded = { sum: function (a, b) { return a + b; } };
console.log("emulated require sum:", loaded.sum(2, 3));
module.exports
为 module.exports 赋值即可导出该值（函数、对象等）。
// module.exports sets what the module returns
const lines1 = [
"function greet(name) { return \\"Hi \\" + name; }",
"module.exports = greet;"
];
console.log("module.exports example:");
for (const l of lines1) console.log(l);
// Emulate consumption
function greet(name) { return "Hi " + name; }
const api1 = greet; // like module.exports = greet
console.log("use exported fn:", api1("Ayla"));
exports 快捷方式
exports.prop = ... 没有问题；请不要重新赋值 exports = ...，因为它将不再指向 module.exports。
// exports is a shortcut to module.exports (same object)
const lines2 = [
"// Good: add properties",
"exports.sum = function (a, b) { return a + b; };",
"",
"// Pitfall: reassigning exports breaks the link",
"exports = function () {}; // WRONG"
];
console.log("exports shortcut:");
for (const l of lines2) console.log(l);
// Emulate good usage
const moduleObj = {};
const exportsRef = moduleObj; // like exports === module.exports initially
exportsRef.sum = function (a, b) { return a + b; };
console.log("sum via exportsRef:", moduleObj.sum(2, 4));
多个导出
您可以导出一个包含多个函数的对象，并通过属性读取这些函数。
// Export an object with multiple members
const lines3 = [
"function add(a, b) { return a + b; }",
"function mul(a, b) { return a * b; }",
"module.exports = { add, mul };"
];
console.log("multiple exports object:");
for (const l of lines3) console.log(l);
// Emulate consumption
const api2 = {
add: function (a, b) { return a + b; },
mul: function (a, b) { return a * b; }
};
console.log("use add/mul:", api2.add(1, 2), api2.mul(2, 3));
ESM ↔ CJS 互操作概览
互操作（入门概览）：
- ESM 导入 CJS 时，通常会将 CJS 的 module.exports 作为默认导出接收。
- 示例：import pkg from "./cjs.js"，然后使用 pkg.add()。
- 保持示例简单；除非必要，不要在同一个文件中混用两种风格。
CJS 导出语法测验
快速检查：在 CommonJS 中进行导出。
回顾
回顾：使用 require() 加载，使用 module.exports 导出，通过 exports.prop 添加属性，并避免重新赋值 exports。ESM 互操作通常会将 CJS 的 module.exports 映射为默认导出。
常见问题解答
「CommonJS 基础——require/module.exports 与 exports」课时是免费的吗？
是的 — 「CommonJS 基础——require/module.exports 与 exports」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 3 节课。
「CommonJS 基础——require/module.exports 与 exports」这节课中我会学到什么？
学习 CommonJS：require()、module.exports、exports 简写，以及与 ESM 的简单互操作 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 JavaScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 2 节课，共 3 节。
「CommonJS 基础——require/module.exports 与 exports」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 JavaScript Academy 课中编写并运行代码吗？
能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- ESM 基础——导入与导出、默认与命名
- CommonJS 基础——require/module.exports 与 exports
- Node 与浏览器打包工具中的模块解析