seaJS模块化开发

来源:互联网 发布:威海孙小乔淘宝店 编辑:程序博客网 时间:2024/06/05 05:51

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();

0 0
原创粉丝点击