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


Posted in Javascript onOctober 13, 2017

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Jquery的Tabs内容轮换效果实现代码,几行搞定
Feb 12 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
js操作iframe父子窗体示例
May 22 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
jQuery实现两款有动画功能的导航菜单代码
Sep 16 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
js定时器实例分享
Dec 20 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
Vue实现图片与文字混输效果
Dec 04 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
vue中axios处理http发送请求的示例(Post和get)
Oct 13 #Javascript
JavaScript实现随机数生成器(去重)
Oct 13 #Javascript
AngualrJs清除定时器遇到的坑
Oct 13 #Javascript
React Native中Navigator的使用方法示例
Oct 13 #Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 #Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 #Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 #Javascript
You might like
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
javascript getElementsByClassName函数
2010/04/01 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
RequireJs的使用详解
2017/02/19 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python基础教程之lambda表达式使用方法
2014/02/12 Python
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
python模糊图片过滤的方法
2018/12/14 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
Python能做什么
2020/06/02 Python
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
外贸主管求职简历的自我评价
2013/10/23 职场文书
总监职责范文
2013/11/09 职场文书
庆中秋节主题活动方案
2014/02/03 职场文书
药学职务聘任书
2014/03/29 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
德劲DE1102数字调谐收音机机评
2022/04/07 无线电