文档章节

export 和 module.export 的区别

孟飞阳
 孟飞阳
发布于 07/16 14:54
字数 925
阅读 12
收藏 1

在浏览器端 js 里面,为了解决各模块变量冲突等问题,往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由,开发者只需要关注 require,exports,module 等几个变量就足够,而为了保持模块的可读性,很推荐把不同功能的代码块都写成独立模块,减少各模块耦合。

每一个node.js执行文件,都自动创建一个module对象,同时,module对象会创建一个叫exports的属性,初始化的值是 {}

 module.exports = {};

在 node 的 js 模块里可以直接调用 exports 和 module 两个“全局”变量,但是 exports 是 module.exports 的一个引用。

//plus.js
function plus(a,b){
  return a+b;
}
// 这样导出的 plus 是作为 exports 的一个方法被导出的
exports.plus = plus;

// main.js
var Plus = require('plus');
console.log(Plus.plus(1,2)); // 左边的 Plus 是 require 过来的模块名,右边的是它的 plus 方法。

在 node 编译的过程中,会把 js 模块封装成如下形式:

// require 是对 Node.js 实现查找模块的 Module._load 实例的引用
// __finename 和 __dirname 是 Node.js 在查找该模块后找到的模块名称和模块绝对路径
(function(exports,require,module,__filename,__dirname){
  function plus(a,b){
    return a+b;
  }
  exports.plus = plus;
})

为了将函数直接导出成模块,而不是模块的一个方法,需要

module.exports = plus;

// plus.js
function plus(a,b){
  return a+b ;
}
module.exports = plus;
// main.js
var plus = require('plus');
console.log(plus(1,2));

exports = module.exports = {};

  • exports 是 module.exports 的一个引用
  • module.exports 初始值为一个空对象 {},所以 exports 初始值也是 {}
  • require 引用模块后,返回的是 module.exports 而不是 exports!!!!!
  • exports.xxx 相当于在导出对象上挂属性,该属性对调用模块直接可见
  • exports = 相当于给 exports 对象重新赋值,调用模块不能访问 exports 对象及其属性
  • 如果此模块是一个类,就应该直接赋值 module.exports,这样调用者就是一个类构造器,可以直接 new 实例。

例子一:

var name = 'rainbow';
exports.name = name;
exports.sayName = function(){
  console.log(name);
}
// 给 exports 赋值相当于给 module.exports 这个空对象添加了两个属性,相当于:
var name = 'rainbow';
module.exports.name = name;
module.exports.sayName = function(){
  console.log(name);
}

例子二:

exports = module.exports = somethings
// 等价于
module.exports = somethings
exports = module.exports 
// module.exports = somethings 是对 mudole.exports 进行了覆盖,此时 module.exports 和 exports 的关系断裂,mudole.exports 指向了新的内存块,而exports 还是指向原来的内存块,为了让 module.exports 和 exports 还是指向同一个内存或者说指向同一个"对象",所以我们就 exports = module.exports.

例子三:

exports = function(){};
// 这样就是重新给 exports 赋值,它将不再是 module.exports 的引用,二者将无任何联系。

例子四:

module.exports.something = function(){};
exports.something = function(){};
// 上面两个方程是等价的

例子五:

// index.js
var something = require('./requireMe');
something();
// requireMe.js
exports.something = function(){
  console.log('am a function');
}
// 以上代码会报错,因为 require 出来的 module.exports 是一个object,不能直接执行

//修改方式一
// requireMe.js
module.exports = function(){
   console.log('am a function');
}
// 当把代码改成上面这样,就不会报错,因为此时的 module.exports 是一个 function,可以直接执行。
// 修改方式二
// index.js
var something = require('./requireMe');
something.something();
// 因为这时候 require 出来的是一个 object,有一个 something 的属性,所以可以这样调用执行。

other:

reference 是 引用的意思,就是两个变量引用同一个值,是指向同一个内存地址。

本文转载自:https://www.jianshu.com/p/e452203d56c4

共有 人打赏支持
孟飞阳
粉丝 206
博文 972
码字总数 544644
作品 5
朝阳
个人站长
私信 提问
javascript模块导入导出

第一次知道javascript有模块的概念通常都是使用

前端全栈君
11/05
0
0
一步两步三步开始自己的vue插件库(webpack配置)

作为程序员,更加需要理想坚定与坚持 文/ziven 标题图/来自网络 有时候,开发过程中,有意无意都会慢慢有自己的一些积累,比如说写了一个动画组件,或者写了一个比较漂亮,体验比较好的插件。...

ziven先生
2017/05/27
0
0
nodejs实践--export和module.export的区别

(1)将函数直接导出成模块 模块文件:./my_modules/m.js index.js (2)如果模块文件中有两个函数,第二个会覆盖第一个 模块文件:./my_modules/m.js index.js (3)如何导出模块中的所有函...

spinachgit
08/30
0
0
学渣的模块化之路——50行代码带你手写一个common.js规范

一、简述 一个js文件就是一个模块 会自动把写的代码块套一层闭包 浏览器不兼容CommonJS的根本原因,在于缺少四个Node.js环境的变量.(module,export,require,global) 既然没有,我们就手写一个...

言sir
06/25
0
0
Slick Lazy Load Photo Grid Using Webpack 3

Overview How to layout and lazy load images in a flexible grid similar to how facebook displays them in a post. Selected images open a lightbox for previewing within a carousel.......

frenettej
2017/12/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

TiDB EcoSystem Tools 原理解读(一):TiDB-Binlog 架构演进与实现原理

简介 TiDB-Binlog 组件用于收集 TiDB 的 binlog,并提供实时备份和同步功能。该组件在功能上类似于 MySQL 的主从复制,MySQL 的主从复制依赖于记录的 binlog 文件,TiDB-Binlog 组件也是如此...

TiDB
21分钟前
0
0
Confluence 6 文档主题合并问答

在 Confluence 官方 前期发布的消息 中,文档主题在 Confluence 6.0 及其后续版本中已经不可用。我们知道你可能对这个有很多好好奇的问题,因此我们在这里设置了一个问答用于帮助你将这个主题...

honeymose
24分钟前
0
0
sparkCore-RDD详解

1.1 什么是RDD 1.1.1 产生背景 当初设计RDD主要是为了解决三个问题: Fast: Spark之前的Hadoop用的是MapReduce的编程模型,没有很好的利用分布式内存系统,中间结果都需要保存到external di...

freeli
25分钟前
0
0
walle的试用和结合vagrant

walle Vagrant 入门指南

miaojiangmin
27分钟前
0
0
python popen.stdout.read阻塞 解决办法

需求:利用python的subprocess模块结合logging模块实现监控子程序运行情况 代码如下(程序阻塞在stdout.readz这里,日志里找不到hang on...................): import osimport sysimpor...

fang_faye
28分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部