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。学会操作终端,在前端进行搭建的时候会使用就可以了。好了,我们下次核心模块见。

相关推荐
前端李易安8 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
Ztiddler17 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山18 小时前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js
老攀呀20 小时前
安装多个nodejs版本(nvm)
node.js
佚名程序员20 小时前
【Node.js】全面解析 Node.js 安全最佳实践:保护您的应用
安全·node.js
zxg_神说要有光1 天前
快速入门 AI:调用 AI 接口生成 React 组件
前端·javascript·node.js
佚名程序员1 天前
【Node.js】深入理解 V8 JavaScript 引擎
前端·javascript·node.js
赵闪闪1681 天前
Node.js 安装与开发环境配置全指南
node.js
前端与小赵1 天前
什么是Webpack,有什么特点
前端·webpack·node.js
生椰拿铁You1 天前
03 —— Webpack 自动生成 html 文件
前端·webpack·node.js