zoukankan      html  css  js  c++  java
  • module.exports与exports的区别【转】

    写在前面:本文转自博友:wbxjiayou的文章node.js中module.export与export的区别。

    对module.exports和exports的一些理解

    可能是有史以来最简单通俗易懂的有关Module.exports和exports区别的文章了。

    exports = module.exports = {};

    所以module.exportsexports的区别就是var a={}; var b=a;,a和b的区别

    看起来木有什么太大区别,但实际用起来的时候却又有区别,这是为啥呢,请听我细细道来

    关于Module.exports和exports有什么区别,网上一搜一大把,但是说的都太复杂了…
    听说exports是Module.exports对象的一个引用(reference)^1,什么是引用?!…_(:з」∠)_

    当然啦,如果要彻底理解这两个导出的区别,最好肯定是去看源码,看看都是怎么封装的,功力深厚的童鞋应该一看就懂了。不过,源码我也是看不懂的…(ಥ_ಥ)

    但是最近感觉杂七杂八看了好多文章做了好多实验之后,像是打开了任督二脉,机智的我好像有点上道了…

    module

    首先要明确的一点,module是一个对象 {Object}
    当你新建一个文件,比如mo.js,文件内容如下:

    1
    console.log(module);

    然后在CMD里执行这个文件node mo.js,就能看到module其实是一个Module实例,你可以这么理解,NodeJS中定义了一个Module类,这个类中有很多属性和方法,exports是其中的一个属性:

    1
    2
    3
    4
    5
    function Module {
    id : 'blabla',
    exports : {},
    blabla...
    }

    当每个js文件在执行或被require的时候,NodeJS其实创建了一个新的实例var module = new Module(),这个实例名叫module
    这也就是为什么你并没有定义module这个变量,却能console.log出来而不会报错的原因

    module.exports

    假设我有一个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的时候,是这么用的:

    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其实是在require什么?^2
    require的时候NodeJS会到处去找有没有这个模块,如果有,return的就是module.exports里的东东。

    DOs & DONTs

    • √你可以这样:
      module.exports.name = '小白妹妹';
      exports.age = 10;
      module.exports.print = function(){console.log(12345)};
      
      如果只是使用.来添加属性和方法,module.exportsexports混用是完全可以的,这种情况下,感觉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.exportsexports的区别就是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对象上,不要和导出属性值混在一起
  • 相关阅读:
    关系型数据库与非关系型数据库
    项目技术点总结
    小程序项目开发总结
    小程序的生命周期
    ES6中的class 与prototype
    js中的深拷贝与浅拷贝
    DOM的构建与优化
    ES6中promise总结
    react服务端渲染
    vue服务端渲染
  • 原文地址:https://www.cnblogs.com/cjt-cn/p/8084762.html
Copyright © 2011-2022 走看看