3

关于 AMD（异步模块定义），我读到这样的阶段：

AMD 格式来自于想要一种模块格式，它比今天的“编写一堆具有隐含依赖关系的脚本标签，您必须手动订购”以及易于直接在浏览器中使用的东西。

javascript上下文的目的是什么？你能举个例子吗？赞成和控制使用 AMD？

4

2 回答 2

7

早在 JavaScript 获得原生模块系统之前，将脚本放到页面上的唯一方法就是<script>元素。这些按顺序执行，按照它们在 HTML 中出现的顺序。这意味着如果你的脚本依赖于 jQuery，那么 jQuery<script>必须在你脚本的<script>. 否则，它会爆炸。

将应用程序逻辑拆分为多个文件的情况并不少见，尤其是随着应用程序的增长。但是使用这种手动排序脚本的系统很快就会变成一场噩梦。您的脚本具有隐式依赖关系，其管理在其他地方定义。这就是 AMD 的用武之地。

AMD 是一个模块规范，而 RequireJS 是这种系统的实现。简而言之，它是您代码的包装器，它 1) 在调用之前保持脚本惰性，2) 允许您的脚本显式定义其依赖项，以及 3) 允许模块系统计算出哪些依赖项以什么顺序执行。

这是一个粗略的例子：

// your-app.js
define(['jquery', 'underscore'], function($, _){
  // Your script sits in this "wrapper" function.
  // RequireJS now knows app.js needs jquery and underscore.
  // It loads and executes them first before your script.
})

// jquery.js
define('jquery', [], function(){
  // jQuery stuff
  return jQuery
})

// underscore.js
define('underscore', [], function(){
  // underscore stuff
  return underscore
})

// Then on your HTML, load up your app.
<script data-main="path/to/app.js" src="path/to/require.js"></script>
于 2012-04-15T08:19:34.547 回答
5

相互依赖的 Javascript 库通常要求以特定顺序加载它们。例如，包含 jQuery 库的脚本标签必须位于包含 jQuery UI 库的脚本标签之前。

如果这些库使用 AMD，则可以按任何顺序包含它们。AMD 库将负责以正确的顺序初始化库，因为您指定哪个库依赖于哪个库。

（具有讽刺意味的是，包含 AMD 库的脚本标签当然必须位于包含任何使用 AMD 的库的代码之前……）

于 2012-04-15T08:05:28.197 回答