Sea.JS知识总结

　　SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。是一款现代的用于Web开发的模块加载工具，提供简单、极致的模块化体验。Sea.js 由阿里、腾讯等公司共同维护。

　　使用 Sea.js的好处：

　　Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：

　　简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。

　　自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。

　　Sea.js 还提供常用插件，非常有助于开发调试和性能优化，并具有丰富的可扩展接口。

　　下面给大家介绍sea.js的三种编写模块的模式

　　使用exports，exports 是一个对象，用来向外提供模块接口。

　　define(function (require, exports, module) {

　　var a = require("http://www.jb51.net/article/init");

　　var fun1 = function () {

　　return a.write("模块main调用模块init的write方法");

　　};

　　exports.fun1=fun1;

　　});

　　除了给 exports 对象增加成员，还可以使用 return 直接向外提供接口。

　　define(function(require,exports,module){

　　var a = require("http://www.jb51.net/article/init");

　　var fun1 = function () {

　　return a.write("模块main调用模块init的write方法");

　　};

　　return{

　　fun1:fun1

　　}

　　})

　　如果模块没有任何业务逻辑只是返回一个对象还可以简化为以下

　　define({

　　fun1 : function () {

　　alert("模块main的fun1调用成功")

　　}

　　});

　　还有一种是通过module.exports对外提供一个统一的接口例如：

　　define(function(require,exports,module){

　　var a = require("http://www.jb51.net/article/init");// http://www.jb51.net/article/是当前目录 http://www.jb51.net/是上级目录 /是根目录

　　var fun1 = function () {

　　return a.write("模块main调用模块init的write方法");

　　};

　　exports.b=function(){ //没有任何意义，赋值无效

　　alert("bb")

　　};

　　module.exports={

　　fun1:fun1

　　}

　　});

　　exports 仅仅是 module.exports 的一个引用。在 方法内部给 exports 重新赋值时，并不会改变 module.exports 的值。因此给 exports 赋值是无效的，以上的方法只暴漏给外部一个fun1，上面的b方法赋值是无效的，不能用来更改模块接口。

　　exports.async()

　　require.async(id||[], callback?)

　　require.async 方法用来在模块内部异步加载模块，并在加载完成后执行指定回调。callback 参数可选。

　　define(function(require,exports,module){

　　require.async('http://www.jb51.net/article/init',function(a){

　　a.write("模块main调用模块init的write方法")

　　});

　　require.async(['http://www.jb51.net/article/init',"http://www.jb51.net/article/search"],function(a,b){

　　a.write("模块main调用模块init的write方法");

　　b.search("search模块成功引入")

　　});

　　});

　　module module是一个对象，上面存储了与当前模块相关联的一些属性和方法。

　　1 module.id String

　　模块的唯一标识。

　　2 module.uri String

　　根据模块系统的路径解析规则得到的模块绝对路径，一般情况下（没有在 define 中手写 id 参数时），module.id 的值就是 module.uri，两者完全相同。

　　3 module.dependencies Array

　　dependencies 是一个数组，表示当前模块的依赖。

　　您可能感兴趣的文章: