AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
AMD模块
AMD（异步模块定义，AsynchronousModuleDefinition）格式总体的目标是为现在的开发者提供一个可用的模块化JavaScript的解决方案。
AMD模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳，包括jQuery（1.7）。
RequireJS
RequireJS是一个工具库，主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块，实现异步或动态加载，从而提高代码的性能和可维护性。它的模块管理遵守AMD规范。
jQuery对AMD的支持
jQuery1.7开始支持将jQuery注册为一个AMD异步模块。有很多兼容的脚本加载器（包括RequireJS和curl）都可以用一个异步模块格式来加载模块，这也就表示不需要太多hack就能让一切运行起来。可以看看jQuery1.7中的源码：
//ExposejQueryasanAMDmodule,butonlyforAMDloadersthat
//understandtheissueswithloadingmultipleversionsofjQuery
//inapagethatallmightcalldefine().Theloaderwillindicate
//theyhavespecialallowancesformultiplejQueryversionsby
//specifyingdefine.amd.jQuery=true.Registerasanamedmodule,
//sincejQuerycanbeconcatenatedwithotherfilesthatmayusedefine,
//butnotuseaproperconcatenationscriptthatunderstandsanonymous
//AMDmodules.AnamedAMDissafestandmostrobustwaytoregister.
//LowercasejqueryisusedbecauseAMDmodulenamesarederivedfrom
//filenames,andjQueryisnormallydeliveredinalowercasefilename.
if(typeofdefine==="function"&&define.amd&&define.amd.jQuery){
define("jquery",[],function(){returnjQuery;});
}
其工作的原理是，所使用的脚本加载器通过指定一个属性，即define.amd.jQuery为true，来标明自己可以支持多个jQuery版本。如果有兴趣了解特定的实现细节的话，我们可以将jQuery注册为一个具名模块，因为可能会有这样的风险，即它可能被与其它使用了AMD的define()方法的文件拼合在一起，而没有使用一个合适的、理解匿名AMD模块定义的拼合脚本。
高版本的jQuery（1.11.1）去掉了define.amd.jQuery判断：
if(typeofdefine==="function"&&define.amd){
define("jquery",[],function(){
returnjQuery;
});
}
Require.js中使用jQuery
Require.js中使用jQuery非常方便，简单配置就可以了，例如：
//简单的配置
require.config({
//RequireJS通过一个相对的路径baseUrl来加载所有代码。baseUrl通常被设置成data-main属性指定脚本的同级目录。
baseUrl:"./js",
//第三方脚本模块的别名,jquery比libs/jquery-1.11.1.min.js简洁明了；
paths:{
"jquery":"libs/jquery-1.11.1.min.js"
}
});
//开始使用jQuery模块
require(["jquery"],function($){
//你的代码
//这里直接可以使用jquery的方法，比如：$("#result").html("HelloWorld!");
});
Require.js中使用jQuery插件
虽然jQuery的支持AMD的API，这并不意味着jQuery插件也是和AMD兼容的。
一般的jQuery插件格式：
(function($){
$.fn.myPlugin=function(){
//你自己的插件代码
};
})(jQuery);不过我们稍微修改一下就可以使用Require.js加载一个jQuery插件：
;(function(factory){
if(typeofdefine==="function"&&define.amd){
//AMD模式
define(["jquery"],factory);
}else{
//全局模式
factory(jQuery);
}
}(function($){
$.fn.jqueryPlugin=function(){
//插件代码
};
}));
Require.js中使用jQueryUI组件
Require.js中使用jQueryUI组件也类似的，只要改造一下jQueryWidgetFactory代码就可以了，并且感觉jQueryUI的依赖关系加载就可以了。例如：
(function(widgetFactory){
if(typeofdefine==="function"&&define.amd){
//AMD模式
define("jquery.ui.widget",["jquery"],function(){
widgetFactory(window.jQuery);
});
}else{
//全局模式
widgetFactory(window.jQuery);
}
}
(function($,undefined){
//jQueryWidgetFactory代码
}));