RequireJS和CommonJS之间的区别

Question

我想知道这些摘要之间的区别是什么。

var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');

和

require(['jquery','underscore','backbone'],function ($, _, BackBone){
    //code goes here
})

两者对我来说都可以正常工作，但不能确定它们背后的目的是什么。

Answer 1

考虑第一个片段，它是CommonJS样式的：

var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');

这些调用是同步调用：require返回时，它将返回您请求的模块。CommonJS
require调用是同步的。有一种支持异步形式的建议，require但据我所知，它尚未超出建议级别。Node.js
require.async曾经被删除过。有一个实现它的包。使用此程序包看起来很像使用AMD样式模块。

现在，考虑第二个片段，它是AMD风格的：

require(['jquery','underscore','backbone'],function ($, _, BackBone){
    //code goes here
})

由于RequireJS实现了AMD类型的模块系统，因此以上代码可与RequireJS一起使用。require正如名称“异步模块定义（AMD）”所建议的那样，此调用是

异步的。您不能依赖的返回值require来获取模块值。您必须改用回调。该define调用以类似的方式工作，但是除了需要模块之外还定义了一个模块。

现在，如果您使用RequireJS，它提供的功能允许您在定义模块时使用任何一种样式，以便您可以定义如下模块：

define(['jquery','underscore','backbone'],function ($, _, BackBone){
    //code goes here
});

或使用看起来更像CommonJS习惯的东西：

define(function (require) {
    var $ = require('jquery');
    var _ = require('underscore');
    var BackBone = require('backbone');
    //code goes here
});

转换CommonJS样式模块以与RequireJS一起使用真的很容易：只需用define上面的调用包装它即可。有一个工具可以帮助您进行转换。

在后台，RequireJS读取第二种形式的回调代码，并创建一个依赖项列表，以便最终将其解释为：

define(['require', 'jquery','underscore','backbone'], function (require) {
    var $ = require('jquery');
    var _ = require('underscore');
    var BackBone = require('backbone');
    //code goes here
})

require回调中的调用是同步的，这可能令人惊讶（假设AMD是异步的）。这是RequireJS对CommonJS样式的支持的一部分。RequireJS支持一种同步require调用，但有以下警告：如果在调用sync
之前 已经 定义了模块require，则sync require返回模块的值，否则 立即 失败。也就是说，它不会 尝试
加载模块。因为RequireJS解释了一个使用CommonJS样式的模块定义，就像我在上面显示的那样-好像依赖项实际上是在define参数中列出的-
那样，保证这些模块在同步调用时已经加载require 被制造。

除了能够在RequireJS中使用CommonJS模块（添加了包装器）之外，还可以在Node.js之类的CommonJS环境中使用为RequireJS设计的模块。例如，我已经使用node-
amd-loader加载了在Node.js中设计为AMD模块的模块。