Node.js中模块的导入导出规则和原理解析

1、Node中的模块简介

Node为JavaScript提供了很多服务器级别的API,这些API绝大多数都被包装到了一个具名的核心模块中了。

  • 例如文件操作的fs核心模块,http服务构建的http模块,path路径操作模块、os操作系统信息模块
  • node中没有全局作用域,只有模块作用域
  • require方法有两个作用
    • 加载文件模块并执行其中的代码
    • 拿到被加载文件模块中导出的接口对象

Node中的模块有三种

  • 核心模块,例如fs、http
  • 第三方模块
  • 用户自己编写的模块

2、导入导出规则

2.1 导出多个成员

方法一:

//导出
module.exports.a = 'hello';
module.exports.add = function () {
  console.log('add');
}

//导入
let test = require('./a.js')
console.log(test);//{ a: 'hello', add: [Function] }

由于上边那种写法有很多点,点来点去的比较麻烦,因此Node提供了exports对象,默认 exports 和 module.exports指向同一个引用

方法二:

//导出
exports.a = "hello";
exports.add = function () {
  console.log("add");
}

//导入
let test = require('./a.js')
console.log(test);//{ a: 'hello', add: [Function] }

方法三(推荐):

//导出
module.exports = {
  a: 'hello',
  add: function () {
    console.log('add');
  }
}

//导入
let test = require('./a.js')
console.log(test);//{ a: 'hello', add: [Function: add] }

2.2 导出单个成员

只有一种方法,只能使用module.exports = ***

//导出
module.exports = 'hello';

//导入
let test = require('./e')
console.log(test);//hello
//导出
module.exports = 'hello';

//后者会覆盖前者
module.exports = function () {
  console.log('add');
}

//导入
let test = require('./e')
console.log(test);//[Function]

为什么exports = *** 导出单个成员不可以呢?我们来试一下

//导出
exports = 'hello';

//导入
let test = require('./e.js')
console.log(test);
//{} 结果是是一个空对象

3、原理解析

  • 在Node中,每一个模块内部,都有一个对象module
  • module对象中,有一个属性exports,exports也是一个对象
var module = {
    exports: {}
}
  • 模块中同时还有一个成员 exports 等价于 module.exports
var exports = module.exports
console.log(exports === module.exports) // => true
  • 默认在代码的最后有一句:return module.exports; 也就是说最后导出的module.exports ,我们使用require 拿到的也是module.exports,上述这些规则都是底层实现,我们看不到。

  • 代码演示

// 把下面这些代码想象成模块内部的底层实现

// 每个模块内部都有一个 module 对象
// module 对象中有一个成员 exports 也是一个对象
var module = {
  exports: {}
}

// 模块中同时还有一个成员 exports 等价于 module.exports
var exports = module.exports

console.log(exports === module.exports) // => true

// 这样是可以的,因为 exports === module.exports
// module.exports.a = 123
// exports.b = 456

// 对exports重新赋值会断开和 module.exports 的连接,
// 因此这样并不能导出单个成员,因为模块最后 return 的是 module.exports
// exports = function () {
// }

// 这才是导出单个成员的正确方式
module.exports = function () {
  console.log(123)
}

// 最后导出的是 module.exports
return module.exports

我画个图再解释一下:

(1)没有对exports重新赋值
Node.js中模块的导入导出规则和原理解析
(2)对exports重新赋值
Node.js中模块的导入导出规则和原理解析

4、其他文章

https://blog.csdn.net/weixin_43974265

上一篇:js 模块化之 commonjs


下一篇:vue-cli3 打包时使用‘babel-loader’遇到Cannot assign to read only property ‘exports’ of object '#'