SeaJS 是一个遵循 CommonJS 规范的 JavaScript 模块加载框架。本文给大家分享 sea.js 知识总结,感兴趣的朋友一起学习吧
SeaJS 是一个遵循 CommonJS 规范的 JavaScript 模块加载框架,可以实现 JavaScript 的模块化开发及加载机制。与 jQuery 等 JavaScript 框架不同,SeaJS 不会扩展封装语言特性,而只是实现 JavaScript 的模块化及按模块加载。SeaJS 的主要目的是令 JavaScript 开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的 JavaScript 文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑。
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 是一个数组,表示当前模块的依赖。
来源: http://www.phperz.com/article/17/0223/265984.html