• AMD

    AMD

    • require.js requirejs.org/
    • 全局define函数
    • 全局require函数
    • 依赖JS会自动、异步加载
    1. //util.js
    2. define(function () {
    3.   return{
    4.     getFormatDate: function (date,type) {
    5.       if (type === 1) {
    6.         return '2017-06-15'
    7.       }
    8.       if (type === 2) {
    9.         return '2017年6月15日'
    10.       }
    11.     }
    12.   }
    13. });
    15. //a-util.js
    16. define(['./util.js'],function (util) {
    17.   return{
    18.     aGetFormatDate: function (date) {
    19.       return util.getFormatDate(date,2);
    20.     }
    21.   }
    22. });
    24. // a.js
    25. define('[./a-util.js]',function (aUtil) {
    26.   return{
    27.     printDate:function (date) {
    28.       console.log(aUtil.aGetFormatDate);
    29.     }
    30.   }
    31. });
    33. //main.js
    34. require('[./a.js]',function (a) {
    35.   var date = new Date();
    36.   a.printDate(date);
    37. });
    • 使用
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>Document</title>
    6. </head>
    7. <body>
    8.   <p>AMD test</p>
    9.   <script src="/require.min.js" data-main="./main.js"></script>
    10. </body>
    11. </html>