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

 更新时间:2017年10月13日 10:56:33   作者:凌-乱  
这篇文章主要介绍了seaJs使用心得之exports与module.exports的区别,结合实例形式分析了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 是一个对象,用来向外提供模块接口。

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模块之间依赖的加载以及模块的执行

    seajs模块之间依赖的加载以及模块的执行

    做前端项目已经离不开SeaJS了,现在的很多的网站都用了SeaJS,对这个JS模块加载器原理的越来越感兴趣。这篇文章我们来一起学习seajs模块之间依赖的加载以及模块的执行,感兴趣的朋友们下面来一起看看吧。
    2016-10-10
  • seajs学习教程之基础篇

    seajs学习教程之基础篇

    Seajs是一个Web模块加载框架,追求简单、自然的代码书写和组织方式,Sea.js 遵循 CMD 规范,模块化JS代码。依赖的自动加载、配置的简洁清晰,可以让程序员更多地专注编码。这篇文章为seajs深入学习的第一篇,主要介绍的基础性的内容,感兴趣的朋友们可以参考学习。
    2016-10-10
  • seajs中最常用的7个功能、配置示例

    seajs中最常用的7个功能、配置示例

    这篇文章主要介绍了seajs中最常用的7个功能、配置,结合实例形式简单分析了seajs中常用的项目配置、模块加载、定义、获取等操作技巧,需要的朋友可以参考下
    2017-10-10
  • Seajs源码详解分析

    Seajs源码详解分析

    近几年前端工程化越来越完善,打包工具也已经是前端标配了,像seajs这种老古董早已停止维护,这是一篇细细品味Seajs源码的文章,看完一定受益匪浅
    2019-04-04
  • SeaJS入门教程系列之完整示例(三)

    SeaJS入门教程系列之完整示例(三)

    这篇文章主要介绍了SeaJS入门教程系列之完整示例,演示了一个完整的SeaJS开发例子,需要的朋友可以参考下
    2014-03-03
  • seajs中模块依赖的加载处理实例分析

    seajs中模块依赖的加载处理实例分析

    这篇文章主要介绍了seajs中模块依赖的加载处理,结合实例形式分析了seajs模块依赖与加载的原理、相关注意事项与使用方法,需要的朋友可以参考下
    2017-10-10
  • seajs中模块的解析规则详解和模块使用总结

    seajs中模块的解析规则详解和模块使用总结

    这篇文章主要介绍了seajs中模块的解析规则详解和模块使用总结,需要的朋友可以参考下
    2014-03-03
  • SeaJS入门教程系列之SeaJS介绍(一)

    SeaJS入门教程系列之SeaJS介绍(一)

    这篇文章主要介绍了SeaJS入门教程,讲述了SeaJS的由来,JavaScript传统开发模式和模块化开发的对比,需要的朋友可以参考下
    2014-03-03
  • seajs学习之模块的依赖加载及模块API的导出

    seajs学习之模块的依赖加载及模块API的导出

    SeaJS是一个遵循 CommonJS 规范的模块加载框架,可用来轻松愉悦地加载任意JavaScript模块和css模块样式。SeaJS接口和方法也非常少,SeaJS 就两个核心:模块定义和模块的加载及依赖关系。本文将详细介绍模块的依赖加载及模块API的导出,有需要的朋友们可以参考借鉴。
    2016-10-10
  • Seajs是什么及sea.js 由来,特点以及优势

    Seajs是什么及sea.js 由来,特点以及优势

    这篇文章主要介绍了Seajs的相关知识和和学习心得,适合刚接触SeaJS的同学,需要的朋友可以参考下,有更好的新手教程或文档,欢迎推荐、分享
    2016-10-10

最新评论