锐客网

  1. 首页 > it技术 > >

html|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 中都能使用！）
  • 【html|node 模块化的概念】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 官方提供的，例如 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 包的完整名称






    推荐阅读


    上一篇：javascript|什么是模块化

    下一篇：关于windos10环境下编译python3版pjsua库的问题