AMD的实现

AMD是浏览器端实现模块化的规范，实现了异步加载。通过require.js实现

定义无依赖的模块

define(function(){
    ...
    return {模块}
})    

定义有依赖的模块

define(['module1'..], function(m1..){
    // 通过第一个参数将依赖的模块声明，在回调函数中注入
    return {模块}
})    

依赖模块

requirejs(['nodule1', 'module2'], function(m1, m2){
    // 使用依赖模块
})

然鹅，在声明依赖模块时使用的都是模块名称，需要通过配置名称对应路径才能找到正确的模块

requirejs.config({
    baseUrl : '', //基本路径
   paths : {
// 此处的路径都是基于基本路径的
        模块名 : '路径'
       ...   
    } 
})    

在html文件中，只需导入主文件即可

<script data-main='主文件路径' src='require.js的路径'></script>