IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> node 模块化的概念 -> 正文阅读

[JavaScript知识库]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 包的完整名称

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-07 13:45:45  更:2021-10-07 13:47:55 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 4:20:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计