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

问题描述

本博客将解决以下几个问题:

  • module.exports和exports的联系和区别
  • Node中模块的导入导出规则
  • 原理解析,深入理解本质

1、Node中的模块简介

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

  • 例如文件操作的fs核心模块,http服务构建的http模块,path路径操作模块、os操作系统信息模块
  • node中没有全局作用域,只有模块作用域

require方法有两个作用

  • 加载文件模块并执行其中的代码
  • 拿到被加载文件模块中导出的接口对象

Node中的模块有三种

  1. 核心模块:由 Node 本身提供,例如 fs 文件操作模块、http 网络操作模块
  2. 第三方模块:由第三方提供,使用的时候我们需要通过 npm 进行下载然后才可以加载使用
  3. 用户自己编写的模块:我们在文件中写的代码很多的情况下不好编写和维护,所以我们可以考虑把文件中的代码拆分到多个文件中,那这些我们自己创建的文件就是 用户模块

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('./a.js')
console.log(test);//hello
//导出
module.exports = 'hello';

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

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

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

//导出
exports = 'hello';

//导入
let test = require('./a.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重新赋值,默认module.exportsexports 指向内存中的同一个对象。
在这里插入图片描述
(2)对exports重新赋值,exports将断开和 module.exports 的连接
在这里插入图片描述
(3)我们也可以重新建立引用连接关系,使用 exports = module.exports


4、延伸阅读

https://blog.csdn.net/weixin_43974265/category_10692693.html

猜你喜欢

转载自blog.csdn.net/weixin_43974265/article/details/111823622