【node.js从入门到精通】模块化+npm包详解

0e8cdde4b7bf43a5896e35093323201a.png

目录

1.模块化

什么是模块化

模块划规范

node.js模块分类

模块作用域

module对象

exports对象

2.npm包

怎么去下载包

如何使用npm包

包管理配置文件

如何解决包下载慢问题


1.模块化

什么是模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组 合、分解和更换的单元。编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。

为什么把代码进行模块化拆分

 ①提高了代码的复用性 ②提高了代码的可维护性 ③可以实现按需加载

模块划规范

CommonJS 规定了模块的特性和各模块之间如何相互依赖。

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

①每个模块内部,module变量代表当前模块。

②module变量是一个对象, 它的exports属性(即module.exports)是对外的接口。

③加载某个模块,其实是加载该模块的module.exports属性。require()方法用于加载模块。

node.js模块分类

1.内置模块

2.自定义模块

3.第三方模块

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

可以使用require()进行模块加载

622255a4339b4b76ad3a534ffe93bbd4.png

模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。优点是防止全局变量污染问题、

module对象

在每个js自定义模块中都有一个module对象,它里面存储了和当前模块有关的信息,module.exports:在自定义模块中,可以使用module.exports对象,将模块内的成员共享出去,供外界使用。在一个自定义模块中,默认情况下,module. exports = {}

6b3363e6c83d4985b50d38f1e8e092e0.png

 be0bdc62b9f546f3be3ed6f8e7ba812b.png

 挂载一个属性和方法

//在一个自定义模块中,默认情况下,module. exports = {}

// 向module.exports对象挂载uname属性
module.exports.uname = 'Aic山鱼';
// 向module.exports对象挂载talk属性
module.exports.talkLanguage = function () {
    console.log('Chinese');
}

这时候01这个js文件就暴露出了他的属性,然后02再次使用的时候就不是空对象了

f7c272e12a0a4ddd8c858c0ec3773bb3.png

 挂载一个新对象

// 向module.exports对象挂载uname属性
module.exports.uname = 'Aic山鱼';
// 向module.exports对象挂载talk属性
module.exports.talkLanguage = function () {
    console.log('Chinese');
}
// 将model.exports指向一个新的对象
module.exports = {
    ainame: 'shanyu',
    sayHello() {
        console.log('hello');
    }
}

 再次打印module时候输出内容就改变了

37a2a51c928f486ea3de6a9061073a67.png

exports对象

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

验证一下是否指向相同

4ead68c1f57042d3ae7cf371fd688d5b.png

c26173db2cd84ce6adc75bbe882d971c.png

 require(模块时,得到的永远是module.exports指向的对象)

只是单纯的添加属性,那么exports和module.exports指向的是相同的,如果有新的对象被开辟出来,那么exports和module.exports指向就会重新被定义

1435f39140c74269b66b8cf64adf41d7.png

 共享结果为{ name: 'node',age:88 }

efe5e986d34a444e9b8b4d2f00f5a8f5.png

 共享结果为{ name: 'shanyu' }

afc06e7ef7ca464f90d7be0733e6cf30.png

 { name: 'shanyu', age: 10 }

f5c8f8ef0d6a4b25a7a0ff55edb1bc1d.png

 { age: 10, name: 'shanyu' }

注:不建议在同一个模块中一并使用exports和module.exports

模块化加载机制

模块在第一次加载后会被缓存。这也意味着多次调用require()不会导致模块的代码被执行多次。 注意:不论是内置模块、用户自定义模块、还是第三方模块,它们都会优先从缓存中加载,从而提高模块的加载效率。

内置模块的加载机制

内置模块是由Node.js官方提供的模块,内置模块的加载优先级最高。 例如,require(fs') 始终返回内置的fs模块,即使在node_ modules目录下有名字相同的包也叫做fs。

自定义模块的加载机制

使用require0加载自定义模块时,必须指定以./ 或./开头的路径标识符。在加载自定义模块时,如果没有指定./ 或. 这样的路径标识符,则node会把它当作内置模块或第三方模块进行加载。

同时,在使用require()入自定义模块时,如果省略了文件的扩展名,则Node.js会按顺序分别尝试加载以下的文件: ①按照确切的文件名进行加载 ②补全.js扩展名进行加载 ③补全.json扩展名进行加载 ④补全.node扩展名进行加载 ⑤加载失败,终端报错

第三方模块加载机制

如果传递给require()的模块标识符不是一个内置模块, 也没有以'I” 或../’ 开头, 则Node.js会从当前模块的父 目录开始,尝试从node_ modules文件夹中加载第三方模块。 如果没有找到对应的第三方模块,则移动到再上一层父目录中,进行加载,直到文件系统的根目录。

2.npm包

怎么去下载包

a63c149655034e8bb75fe5d061897165.png

https://www.npmjs.com/搜索自己所需要的包

npm Docs服务器上下载自己需要的包

如何使用npm包

以格式化时间为例

使用第三方npm包管理工具,在项目中安装格式化时间的包moment

1.装包打开vscode —>打开终端—>输入npm i moment(也可以用 npm i day 代替moment)

ad2965910ef04444a08d9a791e216ac0.png

cb679e652dc14edda0d1d3aa4dbe1d8b.png

 2ba119254dc649f98234ac290fd4771c.png

包管理配置文件

1,在项目中记录使用的包

在项目根目录中,创建一个叫做package.json的配置文件,即可用来记录项目中安装了哪些包。

2.快速创建package.json

使用npm init -y就可以快速创建package.json

注:项目文件夹只能包含英文

3.dependencies节点

这个节点里面记录了整个项目所需要的包

4,devDependencies 节点

开发过程中所需要的包,但是项目上线后就不需要的包可以记录在里面,便于删除

npm i 包名 -D

如何解决包下载慢问题

ffa6cff1605641a399daa6f32cd1edb2.png

1.切换npm的下包镜像源

npm config get registry 查看下包地址

npm config set registry=https://registry.npm.taobao.org/ 切换淘宝镜像源

2.nrm快速切换下包镜像源

首先使用npm i nrm -g命令进行nrm小工具的安装(警告无视即可,有版本号就行)

7ad0e56d8d2b427d83726503c656d18d.png

 再使用nrm ls 命令进行查看可用的镜像源

0ac78ecefcfe44339021f2659fdc773f.png

 最后 使用nrm use taobao 命令 切换镜像源为taobao镜像

9dfb6ffeb2f247c98383f16a15a2ed90.png

我是Aic山鱼,感谢您的支持
​原 创 不 易 ✨还希望支持一下
点赞👍:您的赞赏是我前进的动力!
收藏⭐:您的支持我是创作的源泉!
评论✍:您的建议是我改进的良药!
山鱼🦈社区:山鱼社区💌💌

  • 33
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 34
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 34
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Aic山鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值