module.exports和exports的区别

最近查了下这块区别,然后作为笔记把别人的文章整理了一下,参考文章附在最后了。


用法区别:

如果要对外暴露属性或方法,就用 exports 就行,要暴露对象(类似class,包含了很多属性和方法),就用 module.exports。

exports

exports对于本身来讲是一个变量(对象),它不是module的引用,它是{}的引用,它指向module.exports的{}模块

exports只能使用语法来向外暴露内部变量或者方法:如exports.xxx = xxx;

// functions.js
var func1 = function() {
   console.log("func1");
};
 
var func2 = function() {
   console.log("func2");
};
 
exports.function1 = func1;
exports.function2 = func2;

调用functions.js

var functions = require("./functions");
functions.function1();
functions.function2();

module.exports

module是一个变量,指向一块内存,exports是module中的一个属性,存储在内存中,然后exports属性指向{}模块

module.exports既可以通过语法,也可以直接赋值一个对象。

  • module.exports = some
  • module.exports.some = some

返回一个对象

// 模块
var app = {
    name: 'app',
    version: '1.0.0',
    sayName: function(name){
        console.log(this.name);
    }
}
module.exports = app;

调用方式

var app = require('./app.js');
app.sayName('hello');//hello

返回一个构造函数

// class.js
var CLASS = function(args){
     this.args = args;
}
module.exports = CLASS;

调用class.js

var CLASS = require('./class.js');
varc = new CLASS('arguments');

在使用上,以下两种方式的导出效果是一致的。


var sayHello = function() {
  console.log('hello');
}

exports.sayHello = sayHello
 module.exports.sayHello = sayHello;

均可以使用如下方式进行调用

var exports_module = require('./exports-module');
exports_module.sayHello()

但是假如使用了如下方式

var sayHello = function() {
  console.log('hello');
}

module.exports = sayHello;

则调用时require的是sayHell本身,这点需要注意。

调用:


var exports_module = require('./exports-module');
exports_module() // hello


exports、module.exports

require: node 和 es6 都支持的引入
export / import : 只有es6 支持的导出引入
module.exports / exports: 只有 node 支持的导出

node模块

Node里面的模块系统遵循的是CommonJS规范。
那问题又来了,什么是CommonJS规范呢?

CommonJS定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)

先解释 exports 和 module.exports
在一个node执行一个文件时,会给这个文件内生成一个 exports和module对象,
而module又有一个exports属性。他们之间的关系如下图,都指向一块{}内存区域。

exports = module.exports = {};
console.log(module.exports === exports);

//输出结果为:true
exports = [0, 1];
console.log(exports === module.exports);

//输出结果为:false


exports.png

看如下例子

// module-exports.js
let a = 100;
 
console.log(module.exports); //能打印出结果为:{}
console.log(exports); //能打印出结果为:{}
 
exports.a = 200; //这里辛苦劳作帮 module.exports 的内容给改成 {a : 200}
 
exports = '指向其他内存区'; //这里把exports的指向指走
console.log(exports); //能打印出结果为:指向其他内存区
console.log(module.exports); //能打印出结果为:{ a: 200 }

调用

var a = require('./exports-module');
console.log(a) // 打印为 {a : 200}

从上面可以看出,其实require导出的内容是module.exports的指向的内存块内容,并不是exports的。
简而言之,区分他们之间的区别就是 exports 只是 module.exports的引用,辅助后者添加内容用的。

真实的过程分析可以如下所示,相当于我们的模块里存在exports和module两个变量,而exports只是一个快捷方式。无论操作了exports还是module.exports,最终都是修改了共同引用内存的内存内容,而最终导出的是module.exports这个实体,所以当exports和module.exports都有指向的时候,最终导出的就是module.exports指向的新内存,exports指向的内存就被抛弃了。所以不管怎么样,使用module.exports一般导出没毛病。

再看个例子

// 相当于js本身声明一个内存空间{},我们强为之命名为obj,exports和module.exports都引用了obj。
var obj = {};
exports = obj;
module.exports = obj;

// 私有方法
function foo() {}
// 比如
exports.bar = 'bar'
// 结果就是
obj => {bar: 'bar'}

module.exports.a = 'a';

// 此时bar 属性和a属性都挂在到了obj上,导出结果是
obj => {bar: 'bar', a: 'a'};

// 但是加入直接给module.exports赋值,就会改变导出的结果为新的对象foo了
module.exports = foo;

// => 此时导出结果为 foo方法 

// 最终require的时候是引入的module.exports


ES中的模块导出导入 export和export default

export 和 export default
首先我们讲这两个导出,下面我们讲讲它们的区别

  1. export与export default均可用于导出常量、函数、文件、模块等
  2. 在一个文件或模块中,export、import可以有多个,export default仅有一个
  3. 通过export方式导出,在导入时要加{ },export default则不需要
  4. export能直接导出变量表达式,export default不行。

export和export default可以同时使用。


export-test.js

//导出变量
export const a = '100';  
 
 //导出方法
export const dogSay = function(){ 
    console.log('wang wang');
}
 
 //导出方法第二种
function catSay(){
   console.log('miao miao'); 
}
export { catSay };
 
//export default导出
const m = 100;
export default m; 
//export defult const m = 100;// 这里不能写这种格式。

index.js

//index.js
var express = require('express');
var router = express.Router();
 
import { dogSay, catSay } from './testEs6Export'; //引入了 export 方法 
import m from './testEs6Export';  //引入了 export default 
 
import * as testModule from './testEs6Export';//as 集合成对象导出所有export
 
 
/* GET home page. */
router.get('/', function(req, res, next) {
  dogSay();
  catSay();
  console.log(m);
  testModule.dogSay();
  console.log(testModule.m); // undefined ,因为as导出包含所有 export, 聚集在一起作为一个对象,不包含而export default 。
  console.log(testModule.default); // 100
  res.send('恭喜你,成功验证');
});
 
module.exports = router;



总结

1.module.exports才是真正的接口,exports只不过是它的一个辅助工具, 最终返回给调用的是module.exports而不是exports。module.exports 初始值为一个空对象 {},而exports为指向module.exports 的引用

  1. 在require() 的时候,返回的是 module.exports 而不是 exports,因此,直接赋值exports常常会出现错误,而赋值为module.exports常常是解决这一问题的折中办法

3.所有的exports收集到的属性和方法,都赋值给了Module.exports。当然,这有个前提,就是module.exports本身不具备任何属性和方法。

如果,module.exports已经具备一些属性和方法,那么exports收集来的信息将被忽略。

ES6模块规范

不同于CommonJS,ES6使用 export 和 import 来导出、导入模块。

export跟export default 有什么区别呢?

1、export与export default均可用于导出常量、函数、文件、模块等

2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用

3、在一个文件或模块中,export可以有多个,export default仅有一个

4、通过export方式导出,在导入时要加{ },export default则不需要





参考文章:

终于讲清楚了nodejs中exports和module.exports的区别

exports和module.exports的区别

nodejs模块中exports和module.exports的区别

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容