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

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

1.模块化


什么是模块化

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


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


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


模块划规范

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


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


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


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


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


node.js模块分类

1.内置模块


2.自定义模块


3.第三方模块


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


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



模块作用域

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


module对象

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



挂载一个属性和方法

//在一个自定义模块中,默认情况下,module. exports = {}
// 向module.exports对象挂载uname属性
module.exports.uname = 'Aic山鱼';
// 向module.exports对象挂载talk属性
module.exports.talkLanguage = function () {
    console.log('Chinese');
}

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



挂载一个新对象

// 向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时候输出内容就改变了



exports对象

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


验证一下是否指向相同




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


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



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



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



{ name: 'shanyu', age: 10 }



{ 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包


怎么去下载包


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


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


如何使用npm包

以格式化时间为例


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


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




包管理配置文件

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


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


2.快速创建package.json


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


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


3.dependencies节点


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


4,devDependencies 节点


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


npm i 包名 -D


如何解决包下载慢问题


1.切换npm的下包镜像源


npm config get registry 查看下包地址


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


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


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



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



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

目录
相关文章
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
740 1
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
104 2
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
73 3
npm学习一:npm 包管理工具 学习、使用。
|
3月前
|
存储 JavaScript
Nodejs的npm包管理器快速入门
介绍Node.js的npm包管理器的快速入门,包括包的概念、结构、描述文件、npm常用命令如安装、搜索、移除软件包,以及如何处理常见的npm工具部署错误。
71 2
Nodejs的npm包管理器快速入门
|
2月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
64 0
|
2月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
127 0
|
3月前
|
数据安全/隐私保护
发布一个npm包
发布一个npm包
123 2
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
该博客文章提供了解决在使用npm版本7.19.1时出现的"no such file or directory"错误的具体方法,建议通过降级npm到6.14.8版本来解决问题,并确认了该方法可以成功安装node_modules。
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
|
4月前
|
缓存 JavaScript 前端开发
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
这篇文章介绍了如何解决npm版本与Node.js版本不兼容的问题,提供了查看当前npm和Node.js版本的步骤,以及如何根据Node.js版本选择合适的npm版本并进行升级的详细指导。
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
|
4月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包