腊月的季节

exports和module.exports的区别

发表于 | 分类于 | | 阅读次数

总结

require用来加载代码，而exports和module.exports则用来导出代码。
首先我们先来看一下js基础。
test.js

1
2
3
4
5
6
7
8
9
10
var a = {name:1};
var b = a;
console.log(a);
console.log(b);
b.name=2;
console.log(a);
console.log(b);
var b = {name:3};
console.log(a);
console.log(b);

运行test.js结果为:

1
2
3
4
5
6
{name:1}
{name:1}
{name:2}
{name:2}
{name:2}
{name:3}

解释：
a是一个对象，b是对a的引用，即a和b指向同一块内存，所以前两个输出一样。当对b作修改时，即a和b指向同一块内存地址的内容发生了改变，所以a也会体现出来，所以第三四个输出一样，当b被覆盖时，b指向了一块新的内存，a还是指向原来的内存，所以最后两个输出不一样。
明白了上述例子，我们只需知道三点就知道exports和module.exports的区别了:

  • module.exports初始值为一个空对象{}
  • exports是指向的module.exports的引用
  • require()返回的是module.exports而不是exports

    常用写法

    exports=module.exports={…}
    上面的代码等价于
    module.exports={…}
    exports=module.exports
    原理很简单:
    module.exports指向新的对象时，exports断开了与module.exports的引用，那么通过exports=module.exports让exports重新指向module.exports。

热评文章