简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

Sea.JS知识总结

来源:易贤网   阅读:824 次  日期:2016-07-02 13:54:00

温馨提示:易贤网小编为您整理了“Sea.JS知识总结”,方便广大网友查阅!

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。本文给大家分享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("./init");

var fun1 = function () {

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

};

exports.fun1=fun1;

});

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

define(function(require,exports,module){

var a = require("./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("./init");// ./是当前目录 ../是上级目录 /是根目录

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('./init',function(a){

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

});

require.async(['./init',"./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 是一个数组,表示当前模块的依赖。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JavaScript中各种引用类型的常用操作方法小结
下一篇:在Node.js中使用Javascript Generators详解
易贤网手机网站地址:Sea.JS知识总结
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!