seaJS模块化开发

Sea.js 模块化开发

网站复杂开发问题：冲突、依赖、性能等问题
解决方案：seaJs ，提高代码可维护性（模块化开发)
网址：seajs.org 引入库：

SeaJS简介

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。 与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化开发。

SeaJS使用方法

1、引入sea.js源码
<script src="sea.js"></script>

---

2、seajs模块定义：define
require:请求外部文件；
explorers：相当于interface接口便于外部调用；
module是当前模块的信息
这里只是定义了一个模块（module.js）,内部函数相当于一个闭包

define(function(require,explorts,module){
    var name="charles";
    function foo(){  //模块中声明了一个foo函数
        alert("hello world")
    }
})

---

3、seajs模块向外部模块提供接口：explorers

define(function(require,explorts,module){
    var name="charles";
    function foo(){  //模块中声明了一个foo函数
        alert("hello world")
    }
    explorts.name=name;  //对外提供的接口
    explorts.foo=foo;    //对外提供的接口
})

---

4、seajs模块引用外部模块:seajs.use(url,callback)
url:外部模块的url必选,为相对目录‘./’；callback：回调函数可选

seajs.ues("./js/module.js",function(explorts){
    explorts.foo();
})

---

5、seajs模块依赖：require ,md2.js和md3.js之间的依赖
require在define中直接添加;
返回值:是一个explorers对象,因此可以在其后面直接使用模块中的方法
require(‘../js/tool.js’).foo();