common.js和es6中模块引入的区别

作者：System 时间：2024年08月18日分类：所有,javascript 字数：614

在JavaScript中，common.js和ES6模块（也称为ES6模块或ESM）之间的主要区别在于它们的导入和导出机制。

CommonJS模块（Node.js中使用）:
- 使用require关键字来引入模块。
- 使用module.exports或exports对象来导出模块。




// 导入模块
const module = require('module-name');
 
// 导出模块
module.exports = myModule;




// 导入模块
import myModule from 'module-name';
 
// 导出模块
export default myModule;

ES6模块是静态的，这意味着导入和导出是在代码运行之前就完成了，而CommonJS模块是动态的，这意味着在代码运行时才会加载和执行模块。

此外，ES6模块是编译时加载，CommonJS模块是运行时加载。这意味着使用ES6模块时，如果导入的模块没有变化，它不会重新加载，而CommonJS模块每次都会重新加载。