AMD规范的应用

index.html:
  <script src="./script/lib/require.js" data-main="./script/main.js"></script>



main.js:
(function () {

    require.config({

        //模块名=>模块路劲映射
        paths: {
            "module1": "./modules/module1",
            "module2": "./modules/module2",
        }
    })

    //加载模块 (异步) 
    require(['module2'], function (module2) {
        module2.sayHello()
    })

})()


module1.js:
//定义没有依赖的模块
define(function () {

    let name = "amd"

    function getName() {
        return name.toUpperCase()
    }
    //暴露接口
    return { getName }
});

module2.js:

//定义有依赖的模块
define(["module1"], function (module1) {

    function sayHello() {
        alert("Hello," + module1.getName())
    }
    //暴露接口
    return { sayHello }
});



附录:下载require.js框架插件

posted @ 2021-02-27 10:23  abcdefgab  阅读(124)  评论(0)    收藏  举报