【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镜像

目录
相关文章
|
18天前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
130 2
|
24天前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
57 2
|
7天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
31 10
|
23天前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
46 3
npm学习一:npm 包管理工具 学习、使用。
|
4天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
21天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
22天前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
19 1
|
18天前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
25 0
|
18天前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
30 0
|
18天前
|
缓存 JavaScript 前端开发
Node.js模块化的基本概念和分类及使用方法
Node.js模块化的基本概念和分类及使用方法
22 0