【JS】JavaScript模块化：深入解析三种文件暴露方式
// 假设我们有一个名为mathUtils.js的模块文件，它提供数学相关的工具函数
// mathUtils.js
function add(a, b) {
return a + b;
}
function subtract(a, b) {
return a - b;
}
// 使用ES6的export关键字来暴露函数
export { add, subtract };
// 另一个JavaScript文件，我们将导入并使用这些函数
// main.js
import { add, subtract } from './mathUtils.js';
console.log(add(1, 2)); // 输出: 3
console.log(subtract(3, 2)); // 输出: 1这个例子展示了如何使用ES6的模块导出和导入特性来组织代码。mathUtils.js文件中定义了两个函数add和subtract，并通过export关键字将它们暴露出去。在main.js中，我们使用import语句来导入这些函数，并调用它们执行相应的数学运算。这是一种简洁且易于理解的模块化代码组织方式。
评论已关闭