这是什么“需要”的东西？ [复制]

Question

我在很多 JS 库中都看到了这一点，主要是通过 GitHub 来查看，目前正在查看 PeerJS。我指的是这个：

var util = require('./util');
var EventEmitter = require('eventemitter3');
var Negotiator = require('./negotiator');
var Reliable = require('reliable');
...
window.Socket = require('./socket');
window.MediaConnection = require('./mediaconnection');
window.DataConnection = require('./dataconnection');
window.Peer = require('./peer');
window.RTCPeerConnection = require('./adapter').RTCPeerConnection;
window.RTCSessionDescription = require('./adapter').RTCSessionDescription;
window.RTCIceCandidate = require('./adapter').RTCIceCandidate;
window.Negotiator = require('./negotiator');
window.BinaryPack = require('js-binarypack');
...

仅凭直觉，require() 似乎正在导入/包含正在传入的任何内容，即EventEmitter。但是，我不知道require() 来自哪里？

我对 NodeJS 不太熟悉，这似乎是 NodeJS 的事情，但我不明白 require() 如何适应不存在 NodeJS 的 Web 浏览器上下文。

我见过RequireJS 和Browserify，但这些库需要包含在应用程序中才能使用require() 函数。在 PeerJS 的示例中，我可以将其包含在内：

<script type="text/javascript" src="/static/js/peerjs.v0.3.13.js"></script>

... 它使用require() 没问题。但是，看起来没有任何定义 require() 的第三方库与 PeerJS 源代码捆绑在一起。

它是如何包含在内的？它是如何初始化的？它如何获取传入的任何内容，即“EventEmitter”？

Answer 1

这是一种通过单一入口点将外部 JavaScript（或实际上任何其他文件）包含到脚本中而不引入全局变量的方法。它最常与异步模块定义 (AMD) 和 CommonJS 模块一起使用。在最高级别，require() 是一个使用 JavaScript 模块的 API。 NodeJS 大部分使用 CommonJS 语法。

也没有明确的“更好”的可以使用。它几乎变成了一场东海岸/西海岸的地盘争夺战，试图讨论一个与另一个。有人说 AMD 模块过于冗长，因为您必须在闭包中捕获所有导入，然后使用它们，这意味着您必须在两个不同的地方查找定义变量和导入的位置：

AMD来自RequireJS也来自Dojo

define('myModule', ['dep1', 'dep2'], function (dep1, dep2) {
    return function () {};
});

CommonJS

var foobar = require('./foobar').foobar,
    test   = new foobar();

test.bar(); // 'Hello bar'

此外，有人说 AMD 的 A 部分并没有真正让您受益，以至于值得付出这些开销。

“要求”部分从何而来？

在浏览器中，require() 来自您正在加载的任何库，无论它是 AMD 还是 CommonJS 加载器。但是，对于上述示例，您看起来像是在 NodeJS 上下文中使用它。 NodeJS 在环境中定义了require()，就像module.exports 一样。实际上，module.exports 是您通过 require(...) 分配给任何变量的值。

对比来自 CommonJS 的 module.exports 与 AMD 如何将您的模块交到您的变量手中，这只是您调用 define() 的闭包返回。

这些可以一起使用吗？

要谈到的另一件事是，它们并不是彼此独有的。可以使用某种包装器或使用另一种约定：UMD 强制他们互相玩。 UMD 试图让您创建的模块可以通过任何可用的约定（module.exports 或define()）暴露您的模块的环境如何工作。