AMD模块的使用案例-基于普通htm

AMD模块的使用案例-基于普通html

• 实现过程
• 结果

  实现过程

  AMD 是一种适用于浏览器环境的模块化规范，主要用于异步加载模块。RequireJS 是实现 AMD 的一个流行库。

  ​ 使用案例：

  文件目录：

  

  1. index.html，使用引入 RequireJS 库，data-main 属性是 RequireJS 提供的一种机制，用于指定入口脚本文件。

     
     
         
         
         Document
         
     
     
         内容
     
     
     

  2. 模块1：greet.js

     define([], function() {
         return {
             greet: function(name) {
                 console.log("Hello, " + name + "!")
                 return "Hello, " + name + "!";
             }
         };
     });
     

  3. 模块2：math.js

     define([], function() {
         // 模块代码
         return {
           method: function() {
             console.log('Hello from AMD module!');
           }
         };
       });
     

  4. 引入模块所用主文件：main.js

     require(['math', 'greet'], function(math, greet) {
         math.method();
         greet.greet('6666')
         console.log('----', math, greet)
     });
     

  结果