exports 和 module.exports 的区别
发布于 1年前 作者 nswbmw 4427 次浏览

我理解的exports 和 module.exports 的区别,欢迎大家吐槽~

为了更好的理解 exportsmodule.exports 的关系,我们先来补点 js 基础。示例:

app.js

var a = {name: 'nswbmw 1'};
var b = a;

console.log(a);
console.log(b);

b.name = 'nswbmw 2';
console.log(a);
console.log(b);

var b = {name: 'nswbmw 3'};
console.log(a);
console.log(b);

运行 app.js 结果为:

D:\>node app
{ name: 'nswbmw 1' }
{ name: 'nswbmw 1' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 3' }

D:\>

解释一下:a 是一个对象,b 是对 a 的引用,即 a 和 b 指向同一个对象,即 a 和 b 指向同一块内存地址,所以前两个输出一样。当对 b 作修改时,即 a 和 b 指向同一块内存地址的内容发生了改变,所以 a 也会体现出来,所以第三四个输出一样。当对 b 完全覆盖时,b 就指向了一块新的内存地址(并没有对原先的内存块作修改),a 还是指向原来的内存块,即 a 和 b 不再指向同一块内存,也就是说此时 a 和 b 已毫无关系,所以最后两个输出不一样。

明白了上述例子后,我们进入正题。 我们只需知道三点即可知道 exportsmodule.exports 的区别了:

  1. exports 是指向的 module.exports 的引用
  2. module.exports 初始值为一个空对象 {},所以 exports 初始值也是 {}
  3. require() 返回的是 module.exports 而不是 exports

所以:

  • 我们通过

      var name = 'nswbmw';
      exports.name = name;
      exports.sayName = function() {
        console.log(name);
      }
    

    exports 赋值其实是给 module.exports 这个空对象添加了两个属性而已,上面的代码相当于:

      var name = 'nswbmw';
      module.exports.name = name;
      module.exports.sayName = function() {
        console.log(name);
      }
    
  • 我们通常这样使用 exportsmodule.exports

    一个简单的例子,计算圆的面积:

    使用 exports

    app.js

      var circle = require('./circle');
      console.log(circle.area(4));
    

    circle.js

      exports.area = function(r) {
        return r * r * Math.PI;
      }
    

    使用 module.exports

    app.js

      var area = require('./area');
      console.log(area(4));
    

    area.js

      module.exports = function(r) {
        return r * r * Math.PI;
      }
    

    上面两个例子输出是一样的。你也许会问,为什么不这样写呢?

    app.js

      var area = require('./area');
      console.log(area(4));
    

    area.js

      exports = function(r) {
        return r * r * Math.PI;
      }
    

    运行上面的例子会报错。这是因为,前面的例子中通过给 exports 添加属性,只是对 exports 指向的内存做了修改,而

      exports = function(r) {
        return r * r * Math.PI;
      }
    

    其实是对 exports 进行了覆盖,也就是说 exports 指向了一块新的内存(内容为一个计算圆面积的函数),也就是说 exportsmodule.exports 不再指向同一块内存,也就是说此时 exportsmodule.exports 毫无联系,也就是说 module.exports 指向的那块内存并没有做任何改变,仍然为一个空对象 {} ,也就是说 area.js 导出了一个空对象,所以我们在 app.js 中调用 area(4) 会报 TypeError: object is not a function 的错误。

    所以,一句话做个总结:当我们想让模块导出的是一个对象时, exportsmodule.exports 均可使用(但 exports 也不能重新覆盖为一个新的对象),而当我们想导出非对象接口时,就必须也只能覆盖 module.exports

  • 我们经常看到这样的用写法:

      exports = module.exports = somethings
    

    上面的代码等价于

      module.exports = somethings
      exports = module.exports
    

    原因也很简单, module.exports = somethings 是对 module.exports 进行了覆盖,此时 module.exportsexports 的关系断裂,module.exports 指向了新的内存块,而 exports 还是指向原来的内存块,为了让 module.exportsexports 还是指向同一块内存或者说指向同一个 “对象”,所以我们就 exports = module.exports

27 回复

最近也更新这个问题的文章 http://cnodejs.org/topic/52308842101e574521c16e06 GC一下。

好文,mark

刚想到这个问题就看到了,真是太巧了~

“也就是说 exports 和 module.exports 不再指向同一块内存,也就是说此时 exports 和 module.exports 毫无联系,也就是说 module.exports 指向的那块内存并没有做任何改变,仍然为一个空对象 {} ,也就是说 area.js 导出了一个空对象,所以我们在 app.js 中调用 area(4) 会报 TypeError: object is not a function 的错误。”

这段话好多 也就是说。。。。

写的非常赞. 要是有图做个说明就最好了.

一开始我没有理解,原因是我没有明白nodejs 是怎么创建module.exports 和 exports,并且二者关系是怎么样的.

系统自动给nodejs 文件增加2个变量 exports 和 module, module 又有一个属性 exports, 这个exports 属性指向一个空对象 {}; 同时 exports这个变量也指向了这个空对象{};

于是就有了 exports => {} <=module.exports.

这2个exports 其实是没有直接关系的,唯一的关系是: 他们初始都指向同一个空对象{}; 如果其中一个不指向做个空对象了, 那么他们的关系就没有了.

懂的人看楼主的解释觉得很多余,不懂的人估计看得会比较迷糊,一个简单的例子: ~function(exports, module){ console.log(exports) //这里只要进行其它初始化的操作都会导致同样的效果 exports = {} console.log(exports) console.log(module.document) }(window.document, window)

比较基础, 解释的很到位. 顶一个

向各位大神请教个问题,就是关于 区域块刷新的办法, 因为不想使用 res.redirect(‘/’); 每次一个请求后(如点击分页)就跳转到首页重新查询所有数据, 觉得这个太浪费资源了

如果组件是一堆属性或方法使用exports就够了,如果组件是一个对象使用module.exports再配合prototype就灵活很多

很简单明了

好文章,顶一下

还再纠结啊,不就是形参引用离开作用域后会还原的问题么。

讲的非常好,更加要感谢的是,作者的github上的n-blog引我进nodejs,##谢谢##

请问下,使用markdown 怎么给代码着色?

我尝试写了一个模块——markdown-css 你可以试试…

前辈你好, 请问你的N-blog在heroku部署时 http://cuitianze.herokuapp.com/ 为什么会出现如下的问题呢

Application Error

An error occurred in the application and your page could not be served. Please try again in a few moments.

If you are the application owner, check your logs for details.

另外,应该不是部署的问题,因为你的另一个开源作品N-chat能够部署成功 http://tianze.herokuapp.com/

“module.exports = somethings 是对 module.exports 进行了覆盖,此时 module.exports 和 exports 的关系断裂,module.exports 指向了新的内存块,而 exports 还是指向原来的内存块” 前面不是说 exports 是指向 module.exports 的引用吗?为什么对 module.exports 赋新值会打断 module.exports 和 exports 的关系?

为啥要写这么多?

非常喜欢nswbmw前辈写的文章,简单明了

感谢解惑,学习了。

你好,想问您个问题,不知道有时间解答否,我现在有三个ejs文件,分别是header.ejs、login.ejs、 header.ejs

在login.ejs中使用<% include header.ejs %>时header.ejs中的CSS样式及JS文件不能正常加载,请问什么情况?

哈哈 我赶觉着看懂你这个简单例子的人不会纠结于exportsmodule.exports的区别上… 直接告诉他

exports就是module.exports的引用

这样最简单…

  1. exports 是指向的 module.exports 的引用

这1点已经足够说明了它们的关系

楼主解释的不错

回到顶部