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>