AMD:javascript环境中的目的是什么？

Question

关于AMD(异步模块定义)我读了这样的阶段:

AMD格式来自于想要一个比今天更好的模块格式"编写一堆具有隐式依赖关系的脚本标签,你必须手动订购"以及一些易于直接在浏览器中使用的东西.

javascript上下文的目的是什么？你能举个例子吗？pro et contro使用AMD？

Answer 1

早在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>

Answer 2

对于彼此依赖的Javascript库,要求按特定顺序加载它们是很常见的.例如,包含jQuery库的脚本标记必须位于包含jQuery UI库的脚本标记之前.

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

(有点讽刺的是,包含AMD库的脚本标签当然必须在包含任何使用AMD的库的代码之前...)