JavaScript个人笔记：js模块化开发seajs基础

来源：互联网发布：赛尔网络招聘编辑：程序博客网时间：2024/05/18 22:13

①引入sea.js的库
②如何变成模块？
define
③如何调用模块？
exports
seajs.use
④如何依赖模块？
require

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body>    <script src="sea/sea.js"></script>    <script type="text/javascript">        //两个参数 : 第一个参数 : 模块的地址  第二个参数 : 回调函数        //sea的默认根目录 : sea.js这个文件        seajs.use('./js/module1.js',function(ex){            ex.show();            function show(){                alert('无冲突小明');            }            show();        });        seajs.use('./js/module2.js',function(ex){            ex.show();            function show(){                alert('无冲突小明2调用3');            }            show();        });        seajs.config({            alias : {                mjs : './js/module3.js'            }        });        seajs.use('mjs',function(ex){            alert(ex.a);        })    </script></body></html>

// JavaScript Documentdefine(function(require,exports,module){    //exports:对外提供接口的对象    function show(){        alert('找到小明');    }    exports.show = show;});

// JavaScript Documentdefine(function(require,exports,module){    //require:模块之间依赖的接口    //当引入的的是sea下面的模块的时候，那么require执行完的结果就是exports    var a = require('./module3.js').a;   //当引入的是sea下面的模块的时候，那么require执行完的结果就是exports    function show(){        alert(a);    }    exports.show = show;});

// JavaScript Documentdefine(function(require,exports,module){    //alert( module.exports == exports );//true    /*require.async('.js/module2.js',function(){        alert('模块加载完的回调');    });    */    var a = '小明2调小明3';    module.exports = {        a : a    };  });

0 0