卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章77274本站已运行4329

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

让我们了解 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。

卓越飞翔博客
上一篇: python电影数据分析
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏