尽管我阅读了很多，但我仍然对 CommonJS、AMD 和 RequireJS 感到非常困惑。
我知道 CommonJS（曾经被称为 ServerJS）是一个定义一些 JavaScript 规范（即模块）的组，当该语言在浏览器之外使用时，可以使用 CommonJS 模块规范的实现，例如 Node.js 或 RingoJS，是吗？
CommonJS、Asynchronous Module Definition（AMD）和 RequireJS 之间有什么关系呢？
RequireJS 是 CommonJS 模块定义的一种实现吗？如果是，那 AMD 又是什么呢？
RequireJS 实现了 AMD API (来源)。
CommonJS 是一种通过 exports 对象来定义模块内容的方式。简单来说，CommonJS 的实现可能像这样：
// someModule.js
exports.doSomething = function() { return "foo"; };
//otherModule.js
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
require() 函数来获取依赖项，一个 exports 变量来导出模块内容，并且还需要一个模块标识符（它描述了与该模块有关的模块位置），该模块标识符用于要求依赖项 (来源：source)。 CommonJS 有各种实现，包括你提到的 Node.js。define() 函数，允许模块在加载之前声明其依赖项。 例如，定义可以是：define('module/id/string', ['module', 'dependency', 'array'],
function(module, factory function) {
return ModuleContents;
});
所以，CommonJS 和 AMD 是 JavaScript 模块定义的 API ，虽然它们有不同的实现方式，但它们都源于相同的起源。
更令人困惑的是，虽然 RequireJS 是 AMD 的实现，但它提供了一个 CommonJS 包装器，这样 CommonJS 模块几乎可以直接导入并与 RequireJS 一起使用。
define(function(require, exports, module) {
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
});
CommonJS不仅仅是一个项目，它还定义了JavaScript的通用API和生态系统。其中一个部分是Module规范。Node.js和RingoJS是服务器端JavaScript运行时，它们都基于CommonJS模块规范实现了模块。
AMD（异步模块定义）是另一种模块规范。RequireJS可能是最流行的AMD实现。与CommonJS的一个主要区别是，AMD指定模块是异步加载的 - 这意味着模块是并行加载的，而不是通过等待加载来阻塞执行。
由于这个原因，AMD通常更多地用于客户端（浏览器内部）JavaScript开发，而CommonJS模块通常用于服务器端。然而，在任何环境中都可以使用任何模块规范 - 例如，RequireJS提供了在Node.js中运行的指导，而browserify是一个CommonJS模块实现，可以在浏览器中运行。
CommonJS 和 AMD 是关于如何在JavaScript应用程序中声明模块及其依赖关系的规范（或格式）。
RequireJS 是一个符合 AMD 规范的脚本加载器库，curljs 是另一个例子。
// package/lib is a dependency we require
var lib = require( "package/lib" );
// behavior for our module
function foo(){
lib.log( "hello world!" );
}
// export (expose) foo to other modules as foobar
exports.foobar = foo;
// package/lib is a dependency we require
define(["package/lib"], function (lib) {
// behavior for our module
function foo() {
lib.log( "hello world!" );
}
// export (expose) foo to other modules as foobar
return {
foobar: foo
}
});
这个模块还可以在其他地方使用：
require(["package/myModule"], function(myModule) {
myModule.foobar();
});
CommonJS 实际上不仅仅是 API 声明，只有部分与此相关。AMD 最初作为 CommonJS 列表上模块格式的草案规范，但没有达成完全一致意见，进一步发展转向 amdjs group。对于哪种格式更好的争议在于，CommonJS 尝试涵盖更广泛的问题，适合于其同步性质的服务器端开发，而 AMD 更适合于客户端（浏览器）开发，因为它具有异步性质，并且它在 Dojo 的模块声明实现中有自己的根源。
AMD兼容实际上是指RequireJS，对吗？ - Asim K TAMD:
CommonJS:
AMD 强制的 define() 封装器。将JavaScript程序模块化为几个文件并从主js模块调用子模块是很正常的。
问题是JavaScript本身没有提供这种功能，即使在最新版本的Chrome和FF浏览器中也没有。
但是，在JavaScript中有关键字可以调用另一个JavaScript模块吗？
对于许多人来说，这个问题可能是世界末日，因为答案是否定的。
在ES5（2009年发布）中，JavaScript没有像import、include或require这样的关键字。
ES6在2015年发布，提出了import关键字（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import），现在所有现代浏览器都支持它。
如果您使用Babel 6.18.0并仅使用ES2015选项进行转换
import myDefault from "my-module";
您将再次获得require。
"use strict";
var _myModule = require("my-module");
var _myModule2 = _interopRequireDefault(_myModule);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
这是因为require意味着模块将从Node.js中加载。Node.js将处理从系统级文件读取到将函数包装成模块所需的一切。
因为在JavaScript中，函数是唯一的包装器来表示模块。
我对CommonJS和AMD很困惑?
CommonJS和AMD都只是两种不同的技术，如何克服JavaScript“缺陷”，以智能方式加载模块。
AMD
CommonJS:
示例
upper.js文件
exports.uppercase = str => str.toUpperCase()
主要的.js文件
const uppercaseModule = require('uppercase.js')
uppercaseModule.uppercase('test')
摘要
资源: