当前位置: 首页 > news >正文

【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

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

 

 

相关文章:

  • Android 面试需要哪些准备?
  • Vue进阶--render函数和jsx的使用
  • 嵌入式 Linux 入门(十、Linux 下的 C 编程)
  • Spring boot 使用QQ邮箱进行一个验证登入
  • <Linux系统复习>命令行参数和环境变量
  • Java框架详解1——Spring的设计思想
  • 【C++】类和对象 (下篇)
  • JAVA【数据库DB 一】
  • 行内元素和块级元素的区别
  • Jenkins配置用户权限
  • smart原则简单案例,java规则引擎使用场景
  • 2021全国大学生电子设计竞赛论文(智能送药小车(F题))(电赛论文模板)
  • 并联四足机器人项目开源教程(六)--- Cheetah开源项目的代码框架移植
  • 从零备战蓝桥杯——动态规划(递推篇)
  • Java---抽象类和接口
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • ES6--对象的扩展
  • HTML中设置input等文本框为不可操作
  • Linux链接文件
  • React-Native - 收藏集 - 掘金
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • spring security oauth2 password授权模式
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • 代理模式
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 基于Mobx的多页面小程序的全局共享状态管理实践
  • 今年的LC3大会没了?
  • 聊聊sentinel的DegradeSlot
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • raise 与 raise ... from 的区别
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • ​Java并发新构件之Exchanger
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • ​如何防止网络攻击?
  • #我与Java虚拟机的故事#连载18:JAVA成长之路
  • (C#)Windows Shell 外壳编程系列4 - 上下文菜单(iContextMenu)(二)嵌入菜单和执行命令...
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (ZT)出版业改革:该死的死,该生的生
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (九十四)函数和二维数组
  • (没学懂,待填坑)【动态规划】数位动态规划
  • (三)mysql_MYSQL(三)
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • (转)【Hibernate总结系列】使用举例
  • ./configure,make,make install的作用
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net websocket 获取http登录的用户_如何解密浏览器的登录密码?获取浏览器内用户信息?...
  • .NET 药厂业务系统 CPU爆高分析
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .php结尾的域名,【php】php正则截取url中域名后的内容
  • [.net]官方水晶报表的使用以演示下载