微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

seaJs使用心得之exports与module.exports的区别实例分析

本文实例讲述了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 是一个对象,用来向外提供模块接口。

rush:js;"> define(function(require,exports) { // 对外提供 foo 属性 exports.foo = 'bar'; // 对外提供 doSomething 方法 exports.doSomething = function() {}; });

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

rush:js;"> define(function(require) { // 通过 return 直接提供接口 return { foo: 'bar',doSomething: function() {} }; });

如果 return 语句是模块中的唯一代码,还可简化为:

rush:js;"> define({ foo: 'bar',doSomething: function() {} });

上面这种格式特别适合定义 JSONP 模块。

特别注意:下面这种写法是错误的!

rush:js;"> define(function(require,exports) { // 错误用法!!! exports = { foo: 'bar',doSomething: function() {} }; });

正确的写法是用 return 或者给 module.exports 赋值:

rush:js;"> 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来实现:

rush:js;"> define(function(require,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 的赋值需要同步执行,不能放在回调函数里。下面这样是不行的:

rush:js;"> // x.jsdefine(function(require,module) { // 错误用法 setTimeout(function() { module.exports = { a: "hello" }; },0); });

在 y.js 里有调用到上面的 x.js:

rush:js;"> // y.jsdefine(function(require,module) { var x = require('./x'); // 无法立刻得到模块 x 的属性 a console.log(x.a); // undefined });

希望本文所述对大家sea.js程序设计有所帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据复制操作的两种方式。‌在聊深浅拷贝之前咱得了解一下js中的两种数据类型:
前言 今天复习了一些前端算法题,写到一两道比较有意思的题:重建二叉树、反向输出链表每个节点 题目 重建二叉树: 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列 {1,2,4,7,3,5,6,8} 和中序遍历序列 {
最近在看回JavaScript的面试题,this 指向问题是入坑前端必须了解的知识点,现在迎来了ES6+的时代,因为箭头函数的出现,所以感觉有必要对 this 问题梳理一下,所以刚好总结一下JavaScript中this指向的问题。
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高