Node.js模块系统

大家好呀,今天我们来认识以下Node.js的模块系统。

模块系统

目录

模块系统

node项目

创建一个完整的node项目

模块之间的引用

模块的导入

模块的分类

核心模块的引用

获取模块的导出对象

小结


node项目

一个node 项目,单有JS文件是不行的,它还需要第三方包来方便编写者使用(总不可能手搓吧)。因此我们就需要下载一个 node_modules 的文件夹。但是,这个包很大,所有在传输的时候一般不带这个包,传输完成后再重新下载即可。那么,到底哪些包需要下载呢?我们需要用到一个文件 package.json

创建一个完整的node项目

接下来我们就来创建一个完整的node项目:

  1. 我们创建一个文件夹,在集成终端打开,npm init -y 进行初始化。(注意不要以中文命名,否则报错)
  2. 这时所创建的文件夹就会出现名为:package.json 的文件,里面是一些信息。
  1. 接下来就是引入包,这里我们引入axios 包,使用命令:npm install axios 。下载完成后就会出现名为 node_modules 的文件夹了,里面便是我们的包。
  1. 这时我们打开 package.json 文件,就会发现我们下载的包已经有记录了。
  1. 我们写完在删掉 node_modules 文件之后进行传输,传输完成之后使用命令:npm i 。快速重新下载。

模块之间的引用

什么是模块之间的引用呢,其实就是文件之间的互相引用,我们把分散的一个一个文件叫做模块。下次我们已经对导入导出进行简要的介绍,那么这里就来详细的进行说明:

模块的导入
  1. 我们首先创建名为 index.js 的文件,node 会直接进入名为 index.js 的文件,若是没有这个文件直接使用 node [文件夹] 的命令,报错。再随意创建 01-test.js02-test.js 两个JS文件。
  2. 这里我们先使用require 引入文件,之后对require进行解释。
javascript 复制代码
require('./01-test.js')
  1. 我们在两个 JS 文件中用 log 随意打印一段话,之后使用 node index 命令查看是否引入成功。
模块的分类

在说明模块的导出之前,我们先来学习模块的分类。

模块分为两类,一类是核心模块,他是node 自带的模块,其包含http ,url ,fs等二进制执行文件。

一类是文件模块,文件模块又分为两类,自己写的和第三方模块例如 node_modules

核心模块的引用

核心模块的引入和第三方模块的引入一致,这里我们先在index 中引入axios第三方模块。

javascript 复制代码
require('axios')

核心模块的引用方式与第三方模块一致。

javascript 复制代码
require('http')

自己写的模块就与 01-test.js 文件的引入一致,需要绝对路径和相对路径。

获取模块的导出对象

那么我们应该如何获取模块导出的数据呢?我们可以先进行尝试,我们直接用一个对象obj去接受它,进行打印,查看它返回的是什么。

javascript 复制代码
const obj = require('./01-test.js')

​console.log(obj);

很明显,它返回了一个对象,那么,我们应该如何导出数据呢?这时就需要用到:module

我们在 01-test.js 中定义一个变量,并把变量放进 module.exports 即可。

javascript 复制代码
let a = '数据'
//导出
module.exports = {
    a
}

我们使用 node index 命令:

上述的导出行为使用exports 也可以,但是小编推荐就使用module.exports,以免混淆,这里小编不过多介绍。

小结

说实话,node的学习挺无聊的,它只是在与vue框架搭建的时候会有那么一点有趣,大家只需要下载好node.js。学会操作终端,在前端进行搭建的时候会使用就可以了。好了,我们下次核心模块见。

相关推荐
GISer_Jing10 小时前
前端构建工具(Webpack\Vite\esbuild\Rspack)拆包能力深度解析
前端·webpack·node.js
chxii12 小时前
1.11 HTTP 文件上传的核心协议
node.js
CRPER13 小时前
告别繁琐配置:一个现代化的 TypeScript 库开发模板,让你高效启动项目!
前端·typescript·node.js
終不似少年遊*13 小时前
【软测】node.js辅助生成测试报告
软件测试·测试工具·node.js·postman·web
Q_Q51100828520 小时前
python+django/flask成都奥科厨具厂产品在线销售系统
vue.js·spring boot·python·django·flask·node.js·php
Westrious1 天前
【JS里的小函数】帮助你在全局作用域中创建和访问对象的函数
前端·javascript·node.js
水冗水孚1 天前
使用nodejs的express框架实现大文件上传的功能,附完整前后端github代码
javascript·node.js·express
Q_Q5110082851 天前
python+django/flask+uniapp宠物中心信息管理系统app
spring boot·python·django·flask·uni-app·node.js·php
chxii1 天前
1.13使用 Node.js 操作 SQLite
数据库·sqlite·node.js
程序猿小D2 天前
第32节 Node.js 全局对象
linux·vscode·node.js·编辑器·vim