让我们了解 CJS 和 MJS 之间的区别

术语cjs（commonjs）和mjs（es模块）指的是javascript中用于将代码组织成可重用组件的两个模块系统。两者的比较如下：

1. commonjs (cjs)

• 语法： commonjs 使用 require() 加载模块并使用 module.exports 或导出来导出它们。
• 用于： 它是在引入 es 模块之前主要用于 node.js 的模块系统。
• 同步加载： commonjs 模块同步加载，这意味着它们会阻塞执行，直到加载模块。这对于服务器端应用程序来说是理想的选择，但不太适合首选异步加载的客户端代码。

• 示例：
  

   // import
   const fs = require('fs');
  
   // export
   module.exports = function () {
     console.log("hello from cjs");
   };
  

2. es 模块（mjs）

• 语法： es 模块使用导入和导出语句。
• 用于： 现代 javascript 环境，在浏览器和 node.js 中（使用 .mjs 扩展名或在 package.json 中使用 "type": "module"）。
• 异步加载：es模块异步加载，更适合客户端环境。

• 示例：
  

   // Import
   import fs from 'fs';
  
   // Export
   export function greet() {
     console.log("Hello from MJS");
   }
  

主要区别：

1. 加载机制：

   • cjs:模块同步加载。
   • mjs：模块是异步加载的，这使得它们在某些场景下（尤其是在浏览器中）非阻塞且更高效。

2. 语法：

   • cjs： 使用 require() 和 module.exports。
   • mjs： 使用导入和导出。

3. 兼容性：

   • cjs： 在 node.js 中得到广泛支持，但与浏览器的兼容性较差（没有捆绑程序）。
   • mjs： 现代浏览器和 node.js（从版本 12+ 开始）的本机支持，与 es6 模块标准保持一致。

4. 默认导出：

   • cjs：可以直接将对象或函数导出为模块。
   • mjs：支持命名和默认导出，允许更灵活地导出多个函数或值。

何时使用：

• cjs (commonjs)： 如果使用较旧的 node.js 项目或基于 commonjs 模块系统的现有库。
• mjs（es 模块）： 构建现代应用程序时，尤其是针对现代运行时的客户端开发或 node.js 项目。

在现代开发中，es 模块正在成为标准，但许多遗留项目仍然依赖 commonjs。