seajs使用-1 解决冲突和依赖

作用：解决冲突和依赖

1. 发生冲突

<script src="common.js"></script>

<script>

你的同事：

// tab()

你的新同事

function tab() {}　　// 冲突了

</script>

 解决冲突：加命名空间（缺点：1. 前缀长，2. 只能降低冲突不能避免）

 

2. 发生依赖

<script src="show.js"></scirpt>

// 升级之后如果此模块( 假设是日历 )又引用了新的js文件，这会导致所有页面都要新加这个新的js文件

show();　　// 你的同事用你的show.js忘记加依赖文件了，需要加依赖文件

 

看看下面是不是很痛苦：

你的同事:
<script src="a.js"></script>
<script src="show.js"></script>
show();

你的同事:
<script src="a.js"></script>
<script src="b.js"></script>
<script src="show.js"></script>
show();

 

解决冲突：

// 两个参数：第一个参数：模块的地址　　第二个参数：回调函数
// sea的默认根目录：sea.js这个文件（建议写成./）

seajs.use(['./js/module2.js'], function(ex) {
　　ex.show();
});

show();　　// 这里不会冲突

 

解决依赖（新同事过来直接调用一个js就ok啦）：

module1.js页面

define(function(require, exports, module) { // sea下的参数：不允许修改的
    // exports: 对外提供接口的对象
    // require: 模块之间依赖的接口
    var a = require('./module2.js').a; // 当引入的是sea下面的模块的时候，那么require执行完的结果就是exports
    function show() {
         alert(a);
    }
    exports.show = show;
});

module2.js页面

define(function(require, exports, module) {
    var a = 100;
    exports.a = a;
});

 

转载于:https://www.cnblogs.com/zouxinping/p/4706175.html