Nodejs中RequireJS是如何看待CommonJS规范的

Nodejs中RequireJS是如何看待CommonJS规范的

找 RequireJS 中文资料的时候看到一段吐槽 CommonJS 的内容… http://cyj.me/why-seajs/requirejs/

最初的 CommonJS 小组 的参与者们决定弄一份于时下的 JavaScript 编程语言有效，但不必束缚于浏览器 JS 环境的限制，的模块规范。开始的愿景是在浏览器里使用一些权宜之计， 并希望能借此影响浏览器厂商，促使它们为这种模块规范的原生支持提供解决方案。权宜之计有：

要么使用一个服务来转译 CJS 模块成浏览器中可用的代码

要么使用 XMLHttpRequest（XHR）以文本形式加载模块，再在浏览器中做文本变换、解析的工作 CJS 模块规范仅允许每文件一个模块，所以为优化、打包，可使用某种“转换格式”将多个模块合并到单个文件。

通过这种方式，CommonJS 小组搞定了依赖引用、如何处理循环依赖，以及如何获得当前模块的某些属性等问题。 但是，他们并没能接纳浏览器环境里不可改变、并且仍将影响模块设计的某些特性： 网络加载

异步继承 … 这也同时意味着他们为了实现这个规范，将负担更多地放到了 Web 开发者身上，而这些权宜之计也使调试变得更麻烦。 调试 eval 的代码，或者调试多个文件合并之后的单个文件，都有实际使用时的坏处。 这些缺点或许在未来某天会被浏览器调试工具解决掉，但结论仍然是：在最普遍的 JS 环境，浏览器中，使用 CommonJS 模块并不是最好的办法。


2 回复

Node.js 中 RequireJS 是如何看待 CommonJS 规范的

在探讨 Node.js 中 RequireJS 对 CommonJS 规范的看法时，我们首先需要理解两者的背景和设计理念。

CommonJS 规范

CommonJS 是一种旨在为服务器端 JavaScript 提供标准模块系统的规范。它定义了模块的导入（require）、导出（module.exports）和模块标识符等基本概念。CommonJS 的主要目标是在不依赖于浏览器环境的情况下，提供一种通用的模块系统。

示例代码：

// 定义模块
// math.js
exports.add = function(a, b) {
    return a + b;
};

// 使用模块
// app.js
var math = require('./math');
console.log(math.add(1, 2)); // 输出: 3

RequireJS 观点

RequireJS 是一种用于浏览器端的模块加载器，它采用的是 AMD（Asynchronous Module Definition）规范。AMD 规范与 CommonJS 有一些关键的不同之处：

  1. 异步加载：AMD 规范支持异步加载模块，这在浏览器环境中尤为重要，因为网络请求通常是异步的。
  2. 浏览器友好：AMD 规范更适合浏览器环境，因为它直接支持异步加载和按需加载模块，而不需要额外的转换步骤。
  3. 调试便利：由于模块可以单独加载，调试过程更为直观，不像 CommonJS 需要合并文件后进行调试。

示例代码：

// 定义模块
// math.js
define(function() {
    return {
        add: function(a, b) {
            return a + b;
        }
    };
});

// 使用模块
// app.js
require(['math'], function(math) {
    console.log(math.add(1, 2)); // 输出: 3
});

总结

虽然 CommonJS 规范在服务器端提供了简洁的模块系统，但在浏览器环境中，它的一些设计（如同步加载和文件合并）使得调试变得复杂。RequireJS 通过支持异步加载和按需加载，提供了更好的浏览器兼容性和调试体验。因此，从浏览器环境的角度来看，RequireJS 更加适合现代 Web 应用开发。

通过上述对比，我们可以看出，尽管 CommonJS 在服务器端表现良好，但在浏览器环境中，RequireJS 通过其异步加载机制，更好地适应了浏览器环境的需求。


RequireJS 对 CommonJS 规范持有一定的保留态度，主要是因为两者的设计初衷和应用场景有所不同。CommonJS 主要针对服务器端编程，而 RequireJS 更侧重于浏览器端的模块化。

设计初衷差异

  • CommonJS 设计时主要考虑的是 Node.js 环境，其核心思想是同步加载模块，这样可以在服务器端环境中更加高效。

  • RequireJS 则更注重浏览器环境中的异步加载，以适应浏览器端的加载机制，避免阻塞页面渲染。

示例代码

CommonJS 示例

// 假设我们有一个模块 `math.js`
// math.js
module.exports = {
    add: function(a, b) { return a + b; },
    subtract: function(a, b) { return a - b; }
};

// 在其他文件中使用该模块
var math = require('./math');
console.log(math.add(1, 2)); // 输出 3

RequireJS 示例

// 假设我们有一个模块 `math.js`
// math.js
define({
    add: function(a, b) { return a + b; },
    subtract: function(a, b) { return a - b; }
});

// 在其他文件中使用该模块
require(['math'], function(math) {
    console.log(math.add(1, 2)); // 输出 3
});

总结

  • CommonJS 同步加载模块，在 Node.js 等非浏览器环境下更为高效。
  • RequireJS 异步加载模块，更适合浏览器端，可以避免页面加载阻塞，提升用户体验。

因此，尽管 CommonJS 在服务器端非常有用，但在浏览器环境中，使用 RequireJS 或类似的异步模块加载器（如 ES6 Modules）会更为合适。

回到顶部