seaJs使用心得之exports与module.exports的区别实例分析
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
本文实例讲述了seaJs使用心得之exports与module.exports的区别。分享给大家供大家参考，具体如下：
1. exports 是 module.exports 的 辅助对象，exports对外提供api 时需要用return 返回exports 对象
2. module.exports 也可直接向外提供api
参考 ： https://github.com/seajs/seajs/issues/242
exports Object
exports 是一个对象，用来向外提供模块接口。
define(function(require, exports) {
// 对外提供 foo 属性
exports.foo = 'bar';
// 对外提供 doSomething 方法
exports.doSomething = function() {};
});
除了给 exports 对象增加成员，还可以使用 return 直接向外提供接口。
define(function(require) {
// 通过 return 直接提供接口
return {
foo: 'bar',
doSomething: function() {}
};
});
如果 return 语句是模块中的唯一代码，还可简化为：
define({
foo: 'bar',
doSomething: function() {}
});
上面这种格式特别适合定义 JSONP 模块。
特别注意：下面这种写法是错误的！
define(function(require, exports) {
// 错误用法！！!
exports = {
foo: 'bar',
doSomething: function() {}
};
});
正确的写法是用 return 或者给 module.exports 赋值：
define(function(require, exports, module) {
// 正确写法
module.exports = {
foo: 'bar',
doSomething: function() {}
};
});
提示：exports 仅仅是 module.exports 的一个引用。在 factory 内部给 exports 重新赋值时，并不会改变 module.exports 的值。因此给 exports 赋值是无效的，不能用来更改模块接口。
module.exports Object
当前模块对外提供的接口。
传给 factory 构造方法的 exports 参数是 module.exports 对象的一个引用。只通过 exports 参数来提供接口，有时无法满足开发者的所有需求。 比如当模块的接口是某个类的实例时，需要通过 module.exports来实现：
define(function(require, exports, module) {
// exports 是 module.exports 的一个引用
console.log(module.exports === exports); // true
// 重新给 module.exports 赋值
module.exports = new SomeClass();
// exports 不再等于 module.exports
console.log(module.exports === exports); // false
});
注意：对 module.exports 的赋值需要同步执行，不能放在回调函数里。下面这样是不行的：
// x.jsdefine(function(require, exports, module) {
// 错误用法
setTimeout(function() {
module.exports = { a: "hello" };
}, 0);
});
在 y.js 里有调用到上面的 x.js:
// y.jsdefine(function(require, exports, module) {
var x = require('./x');
// 无法立刻得到模块 x 的属性 a
console.log(x.a); // undefined
});
希望本文所述对大家sea.js程序设计有所帮助。
相关文章
Seajs是一个Web模块加载框架，追求简单、自然的代码书写和组织方式，Sea.js 遵循 CMD 规范，模块化JS代码。依赖的自动加载、配置的简洁清晰，可以让程序员更多地专注编码。这篇文章为seajs深入学习的第一篇，主要介绍的基础性的内容，感兴趣的朋友们可以参考学习。2016-10-10
这篇文章主要介绍了seajs实现强制刷新本地缓存的方法,结合实例形式简单分析了seajs强制刷新本地缓存的原理、实现方法及相关注意事项,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了SeaJS入门教程系列之完整示例,演示了一个完整的SeaJS开发例子,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了seajs中模块的解析规则详解和模块使用总结,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了把jQuery的类、插件封装成seajs的模块的方法,需要的朋友可以参考下2014-03-03
SeaJS是一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意JavaScript模块和css模块样式。SeaJS接口和方法也非常少，SeaJS 就两个核心：模块定义和模块的加载及依赖关系。本文将详细介绍模块的依赖加载及模块API的导出，有需要的朋友们可以参考借鉴。2016-10-10
近几年前端工程化越来越完善，打包工具也已经是前端标配了，像seajs这种老古董早已停止维护，这是一篇细细品味Seajs源码的文章,看完一定受益匪浅2019-04-04
这篇文章主要介绍了seajs中最常用的7个功能、配置,结合实例形式简单分析了seajs中常用的项目配置、模块加载、定义、获取等操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了seajs模块压缩问题与解决方法,结合实例形式分析了seajs模块压缩过程中出现的问题及相应的解决方法,需要的朋友可以参考下2017-10-10
做前端项目已经离不开SeaJS了，现在的很多的网站都用了SeaJS，对这个JS模块加载器原理的越来越感兴趣。这篇文章我们来一起学习seajs模块之间依赖的加载以及模块的执行，感兴趣的朋友们下面来一起看看吧。2016-10-10
最新评论