首页 > 资讯 > 前端开发 > JavaScript >Node.js模块化原理与应用详细介绍

476

分享到

Node.js模块化原理与应用详细介绍

2024-04-02 19:04:59 476人浏览薄情痞子

摘要

目录什么是模块化模块化规范node.js中的模块分类加载模块node.js的模块作用域什么是模块作用域模块作用域的好处向外共享模块作用域中的成员module对象module.expo

什么是模块化

模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。

在上方的定义中未免有一些晦涩难懂，简单的给大家举个例子:我们小时候玩的小霸王游戏机，当我们玩烦了一款游戏的时候，我们不可能直接更换一个游戏机呀，我们可以通过更换游戏带从而体验各种不同的游戏。这种形式就是模块化，把游戏分化成一个个小模块，当我们需要它的时候拿过来插入使用即可！

在我们的编程中的模块化，其实就是遵循固定的规则，把一个大文件拆分成为一个个独立并且相互依赖的多个小模块

代码进行模块拆分的好处：

提高了代码的复用性
提高了代码的可维护性
可以实现按需加载(这个真的是嘎嘎好用！)

模块化规范

模块化规范就是对代码进行模块化的拆分与组合时，需要遵守的那些规则。

例如：

?1. 使用什么样的语法格式来引用模块

?2. 在模块中使用什么样的语法格式向外暴露成员

模块化规范的好处：大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之间的相互调用，利人利己。(黑马哥总结的真到位)

node.js中的模块分类

Node.js 中根据模块来源的不同，将模块分为了 3 大类，分别是：

? 1. 内置模块（内置模块是由 Node.js 官方提供的，例如 fs、path、Http 等）

? 2. 自定义模块（用户创建的每个 .js 文件，都是自定义模块）

? 3. 第三方模块（由第三方开发出来的模块，并非官方提供的内置模块，也不是用户创建的自定义模块，使用前需要先下载）

我们在以上文章中已经学了常用的内置模块，剩下的两个模块相对来说没有什么特点，比较的依赖于开发者的需求！

加载模块

使用强大的 require()方法，可以加载需要的内置模块、用户自定义模块、第三方模块进行使用.

注意：使用 require() 方法加载其它模块时，会执行被加载模块中的代码。

node.js的模块作用域

什么是模块作用域

和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域。

代码示例:

//在模块作用域中定义常量 name
const name = 'qianmo'
//在模块作用域中定义函数sing()
function sing() {
    console.log(`大家好，我是${name}`);
}

//在测试js文件中加载模块
const a = require('./08.模块作用域')
console.log(a);  // {}

在上述代码中，我们在模块作用域中定义了常量和方法，但是在测试的js文件中加载模块后去打印，我们发现打印出来的是空对象。这是因为模块作用域中的属性和方法是私有成员，我们在加载模块的时候无法访问到！

模块作用域的好处

模块作用域的好处其实就只有一个：防止全局变量污染的问题

在上述代码中，我们引入了两个js文件，在js文件中都同时定义了变量a,我们打印a之后，发现打印出来的是zs,在这里我们就可以发现一个问题，2.js文件覆盖了1.js，这就反应出来了一个问题，当我们定义全局变量的时候容易造成变量污染，node的模块化可以很好的帮助我们解决这个问题!?

向外共享模块作用域中的成员

module对象

在每个 .js 自定义模块中都有一个 module 对象，它里面存储了和当前模块有关的信息

我们打印一下module,console.log(module)：

module.exports对象

在自定义模块中，可以使用 module.exports 对象，将模块内的成员共享出去，供外界使用。

外界用 require() 方法导入自定义模块时，得到的就是 module.exports 所指向的对象。

代码示例:

// 在默认情况下 module.exports = {}
const age = 20
//向 module.exports 对象上挂载 name 属性
module.exports.name = '正式'
//向 module.exports 对象上挂载 sing 方法
module.exports.sing = function() {
    console.log('hello');
}
module.exports.age = age
//让 module.exports 指向一个全新的对象
module.exports = {
    username : 'qianmo',
    hi() {
        console.log('你好啊!');
    }
}

// 在外界使用require 导入一个自定义模块的时候 得到的成员。
// 就是 那个模块中，通过 module.exports 指向的那个对象
const m1 = require('./11.自定义模块')
console.log(m1); // { username: 'qianmo', hi: [Function: hi] }

在测试js文件中，我们打印了引入的模块，发现打印出来了module.exports最后指定的对象

注意：使用 require() 方法导入模块时，导入的结果，永远以 module.exports 指向的对象为准。

exports对象

由于 module.exports 单词写起来比较复杂，为了简化向外共享成员的代码，Node 提供了 exports 对象。默认情况下，exports 和 module.exports 指向同一个对象。最终共享的结果，还是以 module.exports 指向的对象为准。

代码示例:

console.log(exports); // {}
console.log(module.exports); // {}
console.log(exports === module.exports); // true

在我们进行对exports对象解析之前，我们需要确定一下exports与module.exports是不是指向的是一个对象,我们可以看出，最后打印出了true，说明exports与module.exports指向的是一个对象！

const username = 'zs'
exports.username = username
exports.age = 20
exports.sayHello = function() {
    console.log('大家好!');
}
//最终向外共享的结果，永远是 module.exports 所指向的对象

const m = require('./13.exports对象')
console.log(m); //{ username: 'zs', age: 20, sayHello: [Function (anonymous)] }

在上述的代码中，我们在私有模块中定义了属性和方法，我们通过exports将属性和方法导出，在测试文件中引入，我们会发现，测试文件中打印出了属性和方法。

exports 和 module.exports的使用误区

时刻谨记，使用require() 引入模块时，得到的永远是module.exports 指向的对象：

在第一个图中，module.exports指向一个新对象，所以在测试文件中，只会打印出来{gender:'男',age:22}
在第二个图中，虽然exports指向了一个新对象，但是我们知道我们只会打印出来module.exports指向的对象，所以我们只能打印出来一个属性{username : 'zs'}
在第三个图中，exports和module.exports都没有指定一个新对象，我们还知道，在默认情况下exports和module.exports指向的是一个对象，所以最终打印出来{username : 'zs',gender:'男'}
在第四个图中，exports指向了一个新对象，但是最终这个对象又赋值给了module.exports,所以，最后打印出了{username：'zs',gender:'男',age:22}

? 注意：不要在一个文件中同时使用exports和module.exports,防止混淆