node 模块化的概念

目录

什么是模块化?

为什么要使用模块化?

模块化的规范

CommonJS模块化规范

nodeJS有三种类型的模块

 什么是包

为什么需要包

npm 安装包


什么是模块化?

一个js文件中可以引用另一个js文件中的数据;

(这个特点是很基础的要求,只要是js语言都有,但是js没有(因此在15年之前,多个js都只能放在一个html文件,而不能互相引用));

2015年之后推出了es6,因此在语法层面js支持模块化,但浏览器不支持,所以前面在学习传统开发时,还是将多个js放在一个html文件;

针对浏览器不支持这一问题,我们可以有如下解决办法:

  • 先用开发工具(**webpack**)搭建一个支持模块化的环境
  • 在这个环境中写模块化的代码
  • 用工具**打包**代码,然后在浏览器中运行

为什么要使用模块化?

  1. 提高了代码的可复用性
  2. 提高了代码的可维护性
  3. 可以实现按需加载

模块化的规范

大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己

  • 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模块化规范

  1. 每个模块内部,`module` 变量代表当前模块;
  2. `module` 变量是一个对象,它的 `exports` 属性(即 `module.exports`)是对外的接口;
  3. 加载某个模块,其实是加载该模块的 `module.exports` 属性。require() 方法用于加载模块;

nodeJS有三种类型的模块

内置模块(内置模块是由 Node.js 官方提供的,例如 fspathhttp 等)

// 加载内置的 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 包的完整名称

你可能感兴趣的:(html,javascript,html5,node)