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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
Div自动滚动到末尾的代码
Oct 26 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
子页向父页传值示例
Nov 27 Javascript
javascript和jquery修改a标签的href属性
Dec 16 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
解决vue项目router切换太慢问题
Jul 19 Javascript
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
[FAQ]PHP中的一些常识:类篇
2006/10/09 PHP
简单的页面缓冲技术
2006/10/09 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
再谈javascript原型继承
2014/11/10 Javascript
Javascript基础教程之关键字和保留字汇总
2015/01/18 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
Python中super的用法实例
2015/05/28 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
勤俭节约倡议书
2014/04/14 职场文书
大学生村官入党自传
2015/06/26 职场文书
Redis可视化客户端小结
2021/06/10 Redis
MySQL常见优化方案汇总
2022/01/18 MySQL
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
python区块链持久化和命令行接口实现简版
2022/05/25 Python