exports 和 module.exports 的区别

原文链接:https://cnodejs.org/topic/5231a630101e574521e45ef8

我理解的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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值