欢迎各位兄弟 发布技术文章
这里的技术是共享的
可能是有史以来最简单通俗易懂的有关Module.exports和exports区别的文章了。
exports = module.exports = {};
所以module.exports
和exports
的区别就是var a={}; var b=a;
,a和b的区别
看起来木有什么太大区别,但实际用起来的时候却又有区别,这是为啥呢,请听我细细道来
关于Module.exports和exports有什么区别,网上一搜一大把,但是说的都太复杂了…
听说exports是Module.exports对象的一个引用(reference)^1,什么是引用?!…(:з」∠)
当然啦,如果要彻底理解这两个导出的区别,最好肯定是去看源码,看看都是怎么封装的,功力深厚的童鞋应该一看就懂了。不过,源码我也是看不懂的…(ಥ_ಥ)
但是最近感觉杂七杂八看了好多文章做了好多实验之后,像是打开了任督二脉,机智的我好像有点上道了…
首先要明确的一点,module是一个对象 {Object}
。
当你新建一个文件,比如mo.js,文件内容如下:
console.log(module);
然后在CMD里执行这个文件node mo.js
,就能看到module其实是一个Module实例,你可以这么理解,NodeJS中定义了一个Module类,这个类中有很多属性和方法,exports是其中的一个属性:
function Module {
id : 'blabla',
exports : {},
blabla...
}
当每个js文件在执行或被require的时候,NodeJS其实创建了一个新的实例var module = new Module()
,这个实例名叫module
。
这也就是为什么你并没有定义module
这个变量,却能console.log出来而不会报错的原因。
假设我有一个JS文件内容如下:
console.log(module); //你会看到Module中的exports为空对象{}
module.exports = {
print : function(){console.log(12345)}
}
console.log(module); //你会看到Module中的exports对象已经有了print()方法
有了上面的基础,很容易理解module.export
其实是给Module实例中的exports对象中添加方法/属性。
通常使用exports的时候,是这么用的:
exports.print = function(){console.log(12345)}
假设我有一个JS文件内容如下:
console.log(module); //你会看到Module中的exports为空对象{}
console.log(exports); //你会看到Module中的exports为空对象{}
module.exports = {
print : function(){console.log(12345)}
}
console.log(module); //你会看到Module中的exports对象有了print()方法
exports.name = '小白妹妹';
console.log(module); //你会看到Module中的exports对象不仅有了print()方法,还有了name属性
由此也能看出,传说中的exports
其实是module.exports
的引用,你可以这么理解,NodeJS在你的代码之前悄悄的加了以下代码:
var module = new Module();
var exports = module.exports;
这也就是为什么你并没有定义exports
这个变量,却能console.log出来而不会报错的原因。
当你从外部调用某个模块,require其实是在require什么?^2
require的时候NodeJS会到处去找有没有这个模块,如果有,return的就是module.exports里的东东。
√你可以这样:
module.exports.name = '小白妹妹';
exports.age = 10;
module.exports.print = function(){console.log(12345)};
如果只是使用.
来添加属性和方法,module.exports
和exports
混用是完全可以的,这种情况下,感觉exports
就是给懒人用的…毕竟能少写几个7个字符呢!
√也可以这样:
module.exports = {
name = '小白妹妹';
};
exports.age = 10;
module.exports.print = function(){console.log(12345)};
×但不可以这样:
module.exports = {
name = '小白妹妹';
};
exports = {age:10}; // exports现在是{age:10}这个对象的引用,不再是module.exports的引用了
console.log(module); //你会看到Module的exports中只有name属性!!!
×也不可以这样:
exports.age = 10;
console.log(module); //你会看到Module的exports中多了age属性
module.exports = {
name = '小白妹妹';
};
console.log(module); //你会看到Module的exports中还是只有name属性!!!
还是那一句话,module.exports
和exports
的区别就是var a={}; var b=a;
,a和b的区别
改变exports
的指向后所添加的exports.xxx
都是无效的。因为require返回的只会是module.exports
不能在使用了exports.xxx
之后,改变module.exports
的指向。因为exports.xxx
添加的属性和方法并不存在于module.exports
所指向的新对象中。
对于要导出的属性,可以简单直接挂到exports
对象上
对于类,为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象,应该把构造函数挂到module.exports
对象上,不要和导出属性值混在一起
function geta(){
console.log('aaaaaaaaaaaaa');
}
function getb(){
console.log('bbbbbbbbbbbbbbb');
}
function getc(){
console.log('cccccccccccc');
}
var WW = {};
WW.geta = geta;
WW.getb = getb;
WW.getc = getc;
module.exports = WW;
console.log(module)
exports 替换ww 对象。
var w = require('./w');
console.log(w)
var test = w.geta;
test();
test = w.getb
test();
来自 https://www.jianshu.com/p/cae18d294fb2