目录
什么是模块化?
为什么要使用模块化?
模块化的规范
CommonJS模块化规范
nodeJS有三种类型的模块
?什么是包
为什么需要包
npm 安装包
什么是模块化?
一个js文件中可以引用另一个js文件中的数据;
(这个特点是很基础的要求,只要是js语言都有,但是js没有(因此在15年之前,多个js都只能放在一个html文件,而不能互相引用));
2015年之后推出了es6,因此在语法层面js支持模块化,但浏览器不支持,所以前面在学习传统开发时,还是将多个js放在一个html文件;
针对浏览器不支持这一问题,我们可以有如下解决办法:
- 先用开发工具(**webpack**)搭建一个支持模块化的环境
- 在这个环境中写模块化的代码
- 用工具**打包**代码,然后在浏览器中运行
为什么要使用模块化?
- 提高了代码的可复用性;
- 提高了代码的可维护性;
- 可以实现按需加载;
模块化的规范
大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己
-
CommonJS 规范:nodejs中遵守的就是commonjs规范。 -
ES6 模块化规范:(前后端通用的模块化规范;Node.js、Vue、React 中都能使用!) -
CMD 和 AMD 模块化规范(较少使用): CMD--sea.js, AMD-require.js -
UMD 叫做通用模块定义规范(Universal Module Definition),它可以通过运行时或者编译时让同一个代码模块在使用 CommonJs、CMD 甚至是 AMD 的项目中运行。它没有自己专有的规范,是集结了 CommonJs、CMD、AMD 的规范于一身。
CommonJS模块化规范
- 每个模块内部,`module` 变量代表当前模块;
- `module` 变量是一个对象,它的 `exports` 属性(即 `module.exports`)是对外的接口;
- 加载某个模块,其实是加载该模块的 `module.exports` 属性。require() 方法用于加载模块;
nodeJS有三种类型的模块
内置模块(内置模块是由 Node.js 官方提供的,例如 fs 、path 、http 等)
// 加载内置的 fs 模块
const fs = require('fs')
自定义模块(用户创建的每个 .js 文件,都是自定义模块)
// 加载用户的自定义模块
const con = require('./con.js') // 实际就是引入自己创建的js文件
导入:require
导出:module.exports? ;? exports
第三方模块 -- 包(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)
// 加载第三方模块
const moment = require('moment')
注意事项一:使用require()方法加载其他模块时,会执行被加载模块中的代码;
// 加载模块.js
require('./被加载的模块.js')
// 被加载模块.js
console.log('我会被打印')
注意事项二:在使用require加载用户自定义模块期间,可以省略 .js 后缀
// 加载模块.js
require('./被加载的模块')
?什么是包
nodeJs中的第三方模块又叫包;
为什么需要包
为了使代码开发时效率更高;
- 由于
Node.js 的内置模块仅提供了一些底层的 API ,导致在基于内置模块进行项目开发的时,效率很低; - 包是基于内置模块封装出来的,提供了更高级、更方便的
API ,极大的提高了开发效率; - 包和内置模块之间的关系,类似于
jQuery 和 浏览器内置 API 之间的关系;
npm 安装包
下载包:npm
(npm是随着node一起被装进电脑里的,可以在终端运行 npm -v 查看版本号)
npm i 包名—— 安装一个包
npm i 包名1 包名2—— 安装多个包
npm i 包名1@版本号—— 安装包的指定版本
npm i—— 根据package.json来更新(安装,删除,更新版本号)所有的包
npm uninstall 包的完整名称
|