@H_4030@SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。是一款现代的用于Web开发的模块加载工具,提供简单、极致的模块化体验。Sea.js 由阿里、腾讯等公司共同维护。
@H4030@<span style="color: #0000ff">
使用 Sea.js的好处:
@H403_0@Sea.js 追求简单、自然的代码书写和组织方式,具有以下核心特性:
@H_403_0@简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码。
自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。
Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。
@H_403_0@<span style="color: #0000ff">
下面给大家介绍sea.js的三种编写模块的模式
@H_403_0@使用exports,exports 是一个对象,用来向外提供模块接口。调用模块init的write方法");
};
exports.fun1=fun1;
});
@H_403_0@除了给 exports 对象增加成员,还可以使用 return 直接向外提供接口。
调用模块init的write方法");
};
return{
fun1:fun1
}
})
@H_403_0@如果模块没有任何业务逻辑只是返回一个对象还可以简化为以下
调用成功")
}
});
@H_403_0@还有一种是通过module.exports对外提供一个统一的接口例如:
调用模块init的write方法");
};
exports.b=function(){ //没有任何意义,赋值无效
alert("bb")
};
module.exports={
fun1:fun1
}
});
@H_403_0@exports 仅仅是 module.exports 的一个引用。在 方法内部给 exports 重新赋值时,并不会改变 module.exports 的值。因此给 exports 赋值是无效的,以上的方法只暴漏给外部一个fun1,上面的b方法赋值是无效的,不能用来更改模块接口。
@H_403_0@exports.async()
require.async(id||[],callback?)
@H_403_0@require.async 方法用来在模块内部异步加载模块,并在加载完成后执行指定回调。callback 参数可选。
调用模块init的write方法")
});
require.async(['./init',"./search"],function(a,b){
a.write("模块main调用模块init的write方法");
b.search("search模块成功引入")
});
});
@H_403_0@module module是一个对象,上面存储了与当前模块相关联的一些属性和方法。
@H_403_0@