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知识库 -> nodejs中的模块化 -> 正文阅读

[JavaScript知识库]nodejs中的模块化

? ?node.js是一个基于Chrome v8解析引擎的 js 运行环境.简单来说就是运行在服务端的JavaScript.作为一门编程语言,模块化是非常基础的一个要求,可js在2015年前并没有这个概念,多个js文件放在同一个html文件中很容易出现变量污染的问题,好在es6的出现在语法层面支持了模块化,时代在发展,作为前端程序员,学习模块化是非常有必要的!

什么是模块化?

? 在编程领域中,模块化就是遵守固定的规则,把一个大文件拆分成独立并且相互依赖的多个小模块.通俗来讲就是一个js文件可以使用另一个js文件中的数据.

模块化有什么好处?

1.可以提高代码的复用性

2.可以提高代码的可维护性

3.可以实现按需加载(学习vue时会十分明显)

模块化的产生也带来了模块作用域,同函数作用域相似,在自定义模块中定义的变量.方法等,只能在当前作用域内被访问,这种访问限制,有效的解决了变量污染的问题.

模块规范

  • 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 的规范于一身。

nodejs模块分类

  • 内置模块 --- fs(文件系统模块).path(路径模块).http(网络操作模块)...
const fs = require("fs"); //node提供的基础模块,可以直接导入使用
  • 自定义模块 --- 用户自己创建的.js文件
const m = require("./js文件名");//注意其中是相对路径,后缀名.js可加可不加
  • 第三方模块 --- 由第三方个人或团队开发出来的模块,通常叫做,使用前需要下载导入
const moment = require('moment');// 使用前需要通过npm i moment 命令安装该包

模块的导入导出

导入

使用require()方法加载模块

注意:使用require方法加载其他模块时,会执行被加载模块中的代码

导出

  • 在每个自定义模块中都有一个module对象,它里面存储了和当前模块有关的信息,其中一个属性exports可以将模块成员暴露,供外界使用.加载某个模块时得到的就是module.exports这个属性指向的一个空对象.
  • 若想使用该模块中的数据,可以向module.exports这个属性中添加属性值供外界使用
  • 为了简化向外共享成员的代码,node提供了exports对象.默认情况下,exports和module.exports指向同一个对象.

注意: 使用require()方法导入模块时,导入的结果永远以module.exports指向的对象为准

exports和module.exports的使用误区

exports = {
    username: 'ls',
    gender: '男'
}
module.exports = exports;
module.exports.age = '20';
// 导入后的结果为 {username:'ls',gender:'男',age:'20'}

exports = {
    username: 'ls',
    gender: '男'
}
module.exports.age = '20';
module.exports = exports;
// 导入后的结果为 {username:'ls',gender:'男'}


exports = {
    username: 'ls',
    gender: '男'
}
exports = module.exports;
module.exports.age = '20';
// 导入后的结果为 {age:'20'}

所以使用时尽量只使用其中一个方法,避免造成不必要的麻烦

  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:35 
 
开发: 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年11日历 -2024/11/23 23:37:12-

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