export 和 module.export 的区别

2018/07/16 14:54
阅读数 1.6K

在浏览器端 js 里面,为了解决各模块变量冲突等问题,往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由,开发者只需要关注 require,exports,module 等几个变量就足够,而为了保持模块的可读性,很推荐把不同功能的代码块都写成独立模块,减少各模块耦合。

每一个node.js执行文件,都自动创建一个module对象,同时,module对象会创建一个叫exports的属性,初始化的值是 {}

 module.exports = {};

在 node 的 js 模块里可以直接调用 exports 和 module 两个“全局”变量,但是 exports 是 module.exports 的一个引用。

//plus.js
function plus(a,b){
  return a+b;
}
// 这样导出的 plus 是作为 exports 的一个方法被导出的
exports.plus = plus;

// main.js
var Plus = require('plus');
console.log(Plus.plus(1,2)); // 左边的 Plus 是 require 过来的模块名,右边的是它的 plus 方法。

在 node 编译的过程中,会把 js 模块封装成如下形式:

// require 是对 Node.js 实现查找模块的 Module._load 实例的引用
// __finename 和 __dirname 是 Node.js 在查找该模块后找到的模块名称和模块绝对路径
(function(exports,require,module,__filename,__dirname){
  function plus(a,b){
    return a+b;
  }
  exports.plus = plus;
})

为了将函数直接导出成模块,而不是模块的一个方法,需要

module.exports = plus;

// plus.js
function plus(a,b){
  return a+b ;
}
module.exports = plus;
// main.js
var plus = require('plus');
console.log(plus(1,2));

exports = module.exports = {};

  • exports 是 module.exports 的一个引用
  • module.exports 初始值为一个空对象 {},所以 exports 初始值也是 {}
  • require 引用模块后,返回的是 module.exports 而不是 exports!!!!!
  • exports.xxx 相当于在导出对象上挂属性,该属性对调用模块直接可见
  • exports = 相当于给 exports 对象重新赋值,调用模块不能访问 exports 对象及其属性
  • 如果此模块是一个类,就应该直接赋值 module.exports,这样调用者就是一个类构造器,可以直接 new 实例。

例子一:

var name = 'rainbow';
exports.name = name;
exports.sayName = function(){
  console.log(name);
}
// 给 exports 赋值相当于给 module.exports 这个空对象添加了两个属性,相当于:
var name = 'rainbow';
module.exports.name = name;
module.exports.sayName = function(){
  console.log(name);
}

例子二:

exports = module.exports = somethings
// 等价于
module.exports = somethings
exports = module.exports 
// module.exports = somethings 是对 mudole.exports 进行了覆盖,此时 module.exports 和 exports 的关系断裂,mudole.exports 指向了新的内存块,而exports 还是指向原来的内存块,为了让 module.exports 和 exports 还是指向同一个内存或者说指向同一个"对象",所以我们就 exports = module.exports.

例子三:

exports = function(){};
// 这样就是重新给 exports 赋值,它将不再是 module.exports 的引用,二者将无任何联系。

例子四:

module.exports.something = function(){};
exports.something = function(){};
// 上面两个方程是等价的

例子五:

// index.js
var something = require('./requireMe');
something();
// requireMe.js
exports.something = function(){
  console.log('am a function');
}
// 以上代码会报错,因为 require 出来的 module.exports 是一个object,不能直接执行

//修改方式一
// requireMe.js
module.exports = function(){
   console.log('am a function');
}
// 当把代码改成上面这样,就不会报错,因为此时的 module.exports 是一个 function,可以直接执行。
// 修改方式二
// index.js
var something = require('./requireMe');
something.something();
// 因为这时候 require 出来的是一个 object,有一个 something 的属性,所以可以这样调用执行。

other:

reference 是 引用的意思,就是两个变量引用同一个值,是指向同一个内存地址。

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部