Node.js:内置模块

Node.js:内置模块

    • Node.js
    • fs模块
      • 读取文件
      • 写入文件
      • __dirname
    • path模块
      • 路径拼接
      • 文件名解析
    • http模块
      • 创建服务


Node.js

传统的JavaScript是运行在浏览器的,浏览器就是其运行环境。

在这里插入图片描述

浏览器提供了JavaScriptAPI,以及解析JavaScript的解析引擎,常见的解析引擎如下:

  • Chrome 浏览器:V8
  • Firefox 浏览器:OdinMonkey(奥丁猴)
  • Safri 浏览器:JSCore
  • IE 浏览器:Chakra(查克拉)

其中V8引擎的性能最好,所以前端程序员最常使用chrome来运行代码。

那么这样一个JavaScript架构,可以支持JavaScript成为一款后端语言吗?并不可以,因为它没有提供后端所需要的API,比如文件读写,网络请求等等。

为了让JavaScript可以成为一款后端语言,完成后端所需要完成的任务,就需要为其提供一套其它的运行环境,而这个运行环境就是Node.js

在这里插入图片描述

Node.js中,为JavaScript提供了后端所需的API,使用V8引擎进行代码解析,让JavaScript可以完成后端工作。

但是在Node.js中,无法调用浏览器的DOMBOMAPI,因为这一套运行环境并不提供,可见JavaScript的前后端运行环境是分离的。

安装地址:

https://nodejs.org/

建议下载LTS版本,这是稳定版本。这个安装很简单,一直点击next就可以了。

安装后,输入node -v检查是否安装成功:

C:\Users\xxx> node -v
v20.18.0

安装成功后,可以通过vscode执行node代码。

console.log("hello node.js")

编写代码后按下F5

在这里插入图片描述

执行时,其会提示可以使用Node.js进行编译,选择Node.js

在这里插入图片描述

此时就可以在控制台看到输出结果了。

也可以通过命令来执行程序:

node 执行的文件

在这里插入图片描述


fs模块

fs是官方提供的操作文件的模块,其可以对文件进行读取与写入。

导入模块语法:

const fs = require('fs')

此处的require方法,用于导入模块,返回值用一个对象接收,后续通过该变量使用模块。


读取文件

读取文件使用fs.readFile方法:

fs.readFile(path[, options], callback)
  • path:读取文件的存放路径
  • options:可选参数,读取文件时候采用的编码格式,一般默认指定 utf8
  • callback:回调函数,函数内包含两个参数,分别拿到读取失败和成功的结果

示例:

const fs = require('fs')fs.readFile('./files/1.txt', 'utf8', function(err, dataStr) {console.log("err = " + err)console.log("dataStr = " + dataStr)
})

第一行代码导入fs模块,随后通过readFile读取文件。

读取成功:

err = null
dataStr = 文件内容

读取失败:

err = Error: ENOENT: no such file or directory
dataStr = undefined

不论是否读取成功,都调用回调函数。如果读取成功,err的值是nulldataStr的值是文件内容,如果读取失败,那么err存储错误信息,而dataStrundefined

常见的做法是在回调函数中判断err的值,如果err为空,直接返回错误信息,如果没有返回,那么后续就进行正常的文件读取操作。

fs.readFile('./files/11.txt', 'utf8', function(err, dataStr) {if (err) {return console.log('error' + err.message)}console.log('success' + dataStr)
})

写入文件

写入文件使用fs.writeFile方法:

fs.writeFile(path, data[, options], callback)
  • path:写入文件的存放路径
  • data:要写入的内容
  • options:可选参数,读取文件时候采用的编码格式,一般默认指定 utf8
  • callback:回调函数,函数内包含一个参数,表示错误信息

同样的,如果写入成功,那么回调函数的第一个参数为null,如果写入失败,那么第一个参数为错误信息。

示例:

const fs = require('fs')fs.writeFile('./files/3.txt', 'hello node.js', function(err) {if (err) {return console.log('error' + err.message)}console.log('success')
})

以上代码完成对./files/3.txt文件的写入,写入内容是'hello node.js',写入完成后,判断错误信息,是否写入成功。

注意点:

  1. writeFile写入时,如果文件不存在,那么会创建这个文件
  2. writeFile写入前,会清空被写入的文件,原先内容会被覆盖

__dirname

fs模块中,如果使用相对路径,那么此时node.js会以执行命令的路径为出发点,查找相对路径,而不是以被执行的文件为出发点查找相对路径,这和其他语言略有点不同。

以下代码为例:

fs.readFile('./hello.txt', 'utf8', function(err, dataStr) {if (err) {return console.log('error' + err.message)}console.log('success: ' + dataStr)
})

path.js文件中写JavaScript代码,在其同级目录下,存在一个hello.txt。如果在path.js目录下运行程序,那么程序可以正常输出:

在这里插入图片描述

此时进行路径拼接当前路径 + 相对路径,得到D:\code_web\test\Node\01\hello.txt,这是正确的路径,输出成功了。

但是如果跳转到别的目录执行代码:

在这里插入图片描述

此时进行路径拼接当前路径 + 相对路径,得到D:\code_web\test\Node\hello.txt,这是错误的路径,输出失败了。

可以看出,Node.js不适合使用相对路径查找文件,但是由于不同主机环境不同,绝对路径往往不一样。为此Node.js提供了一个变量__dirname,其标识着当前.js文件的所处目录。

path.js中输出_dirname

console.log(__dirname)

在这里插入图片描述

此时不论出于哪一个目录,都可以成功标识出path.js的所处目录。

所以在fs中使用相对路径时,最好通过__dirname + 相对路径来查找文件:

fs.readFile(__dirname + '/hello.txt', 'utf8', function(err, dataStr) {if (err) {return console.log('error' + err.message)}console.log('success: ' + dataStr)
})

这样不论在什么地方运行程序,都可以正常检索路径了。


path模块

path也是Node.js的内置模块,专门用于处理路径。

导入模块:

const path = require('path')

先前的__dirname + '/hello.txt'操作,是不太正规的,path模块有专门用于路径拼接的方法。


路径拼接

path.join方法,可以将多个路径片段拼接为完整的路径字符串。

语法:

path.join(path, [path...])

传入多个路径片段path,最后返回拼接好的路径。

示例:

const pathStr = path.join('/a', '/b/c', './d', 'e')
console.log(pathStr)

输出结果:

\a\b\c\d\e

path.join不是简单的字符串拼接,此处的e前面没有/路径分隔符,其自动补充上去,而./d./表示当前路径,最后被省略掉了。

path.join还会进行路径的推演,来缩短路径,比如说../表示上级目录,那么path.join就会撤销之前的操作:

const pathStr = path.join('/a', '/b/c', '../../', './d', 'e')
console.log(pathStr)

输出结果:

\a\d\e

此时'/b/c'这个路径就被抵消了。

相对路径拼接就可以使用这个方法:

path.join(__dirname, '/hello.txt')

比如有时候相对路径前面会带一个./,如果直接进行字符串假发__dirname + './hello.txt',此时路径就会错误,无法解析。但是使用path.join就会忽略这个./,得到正确的路径。


文件名解析

有的时候,获取到的文件,是以路径的形式出现,此时为了解析出具体的文件名,就需要进行一定的字符串检索操作,比较麻烦。此时可以使用 path.basename方法,快速解析出文件名。

path.basename(path[, ext])

参数:

  • path:文件路径
  • ext:扩展文件名

如果直接输入一个路径,path.basename会解析出文件名:

const path = require('path')
const fpath = '/a/b/c/index.html'const fullName = path.basename(fpath)
console.log(fullName)

输出结果:

index.html

如果想要得到去掉后缀的文件名,此时填入第二个参数去掉后缀:

const path = require('path')const fpath = '/a/b/c/index.html'const nameWithoutExt = path.basename(fpath, '.html')
console.log(nameWithoutExt)

输出结果:

index

这样就同时去掉了路径前缀,以及文件后缀。

如果需要单独获得文件的扩展名,可以使用path.extname方法:

path.extname(path)

示例:

const path = require('path')
const fpath = '/a/b/c/index.html'const fext = path.extname(fpath)
console.log(fext)

输出结果:

.html

http模块

http模块是Node.js的内置模块,其可以快速创建一个web服务器,并对外提供http服务。

导入模块:

const http = require('http')

创建服务

Node.js可以快速创建服务,基于createServer方法。

语法:

http.createServer()

该方法返回一个服务器的对象,基于这个对象,就可以让本机接收服务请求。

通过绑定request事件,就可以让服务器对象接收请求,绑定语法类似于JavaScriptDOM事件绑定:

server.on('require', callback)

第一个参数指定要绑定的事件,第二个参数为事件触发后的回调函数。require事件会监听来自外部的请求,一旦收到请求,就执行回调函数。

最后只需要启动服务器,就可以开始接收请求了:

server,listen(port, callback)

第一个参数是监听的端口号,表示该服务使用的端口号。如果服务器启动成功,就会调用回调函数。

示例:

const http = require('http')// 创建 web 服务器实例
const server = http.createServer()
// 为服务器实例绑定 request 事件,监听客户端的请求
server.on('request', function (req, res) {console.log('收到请求')
})
// 启动服务器
server.listen(8080, function () {  console.log('服务启动成功')
})

如果运行成功,那么此时去浏览器访问127.0.0.1:8080,就会触发回调函数,输出收到请求

在绑定事件时,函数内有两个参数reqres,它们分别代表请求对象和响应对象。

  • req:请求对象,包含客户端相关数据与属性

其包含两个关键属性,url是客户端请求的地址,method是客户端的请求方式。

server.on('request', function (req, res) {console.log(req.url)console.log(req.method)
})

用浏览器访问127.0.0.1:8080结果:

/
GET

用浏览器访问127.0.0.1:8080/index.html结果:

/index.html
GET

url拿到的是除去主机地址后,具体请求的文件路径。

  • res:请求对象,包含服务器相关数据与属性

在先前的所有操作中,使用浏览器请求,都是得不到结果的,因为服务器根本不响应,如果想要进行响应,就需要res.end
方法。

server.on('request', function (req, res) {res.end("<h1>hello world!</h1>")
})

此时再访问浏览器,就可以得到一个文本响应:

在这里插入图片描述

http模块发送的是HTTP响应,还可以通过res.setHeader方法指定响应头的内容。

语法:

res.setHeader(name, value)
  • name:指定要设置的HTTP头的名称
  • value:指定要设置的HTTP头的值

最常见的做法是响应一个html文件,此时可以设置Content-Type属性,来指定文件类型:

res.setHeader('Content-Type', 'text/html; charset=utf-8');

此处指定响应的类型为html文件,并且编码的字符集为utf-8,这样客户端浏览器就知道如何解析这样一个响应。如果不指定utf-8,那么网页就无法解析中文。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/58410.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ElasticSearch - Bucket Script 使用指南

文章目录 官方文档Bucket Script 官文1. 什么是 ElasticSearch 中的 Bucket Script&#xff1f;2. 适用场景3. Bucket Script 的基本结构4. 关键参数详解5. 示例官方示例&#xff1a;计算每月 T 恤销售额占总销售额的比率百分比示例计算&#xff1a;点击率 (CTR) 6. 注意事项与…

【MyBatis源码】SqlSource对象创建流程

文章目录 介绍XMLScriptBuilder初始化parseDynamicTags解析动态节点RawSqlSource分析代码分析实例化 介绍 代码入口&#xff1a; SqlSource sqlSource langDriver.createSqlSource(configuration, context, parameterTypeClass);languageRegistry&#xff1a;用于注册Langua…

配合数据库进行网页的动态数据上传

1.接口文档编写 1.1 什么是接口文档 在项目开发中&#xff0c;web项目的前后端通常分离开发&#xff0c; 此过程中&#xff0c;需要由前后端工程师共同定义接口&#xff0c;编写接口文档&#xff0c; 之后大家都根据这个接口文档进行开发&#xff0c;到项目结束前都要一直维…

数据结构——基础知识补充

1.队列 1.普通队列 queue.Queue 是 Python 标准库 queue 模块中的一个类&#xff0c;适用于多线程环境。它实现了线程安全的 FIFO&#xff08;先进先出&#xff09;队列。 2.双端队列 双端队列&#xff08;Deque&#xff0c;Double-Ended Queue&#xff09;是一种具有队列和…

OpenSSL

OpenSSL 概述 OpenSSL 是一个开源的、安全传输协议实现工具&#xff0c;广泛应用于数据加密与解密、证书生成与管理以及其他安全性相关的任务。在现代网络安全中&#xff0c;OpenSSL 被用于构建和维护 SSL/TLS 通信&#xff0c;确保数据在传输过程中的机密性和完整性。 简单来…

「C/C++」C/C++预处理 之 X宏(X Macro)

✨博客主页何曾参静谧的博客&#x1f4cc;文章专栏「C/C」C/C程序设计&#x1f4da;全部专栏「VS」Visual Studio「C/C」C/C程序设计「UG/NX」BlockUI集合「Win」Windows程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「PK」Parasoli…

WPF+MVVM案例实战(四)- 自定义GroupBox边框样式实现

文章目录 1、项目准备2、功能实现1、EnviromentModel.cs 代码2、GroubBoxViewModel.cs 代码实现3、ViewModelLocator.cs 依赖注入4、GroubBoxWindow.xaml 样式布局5、数据绑定3、效果展示4、资源获取1、项目准备 打开项目 Wpf_Examples,新建 GroubBoxWindow.xaml 界面、Groub…

第十六章 Vue组件化开发及组件局部/全局注册

目录 一、组件化 1.1. 组件概述 1.2. 语法高亮插件 ​编辑 1.3. 组件内部组成 1.4. 让组件支持 less 1.5. 组件注册的两种方式 二、局部注册 2.1. 使用描述 2.2. 脚手架工程变动的核心代码 2.2.1. 工程结构图 2.2.2. App.vue 2.2.3. WzxHeader.vue 2.2.4. WzxMain…

excel斜线表头

检验数据验证对象 鼠标放在检验数据 验证对象中间&#xff0c;altenter 之后空格 选中格子&#xff0c;右键单元格格式&#xff0c; 完成 如果是需要多分割&#xff0c;操作一样&#xff0c;在画斜线的时候会有区别&#xff0c;在插入里面用直线画斜线即可 在表格插入的时…

【python】OpenCV—Connected Components

文章目录 1、任务描述2、代码实现3、完整代码4、结果展示5、涉及到的库函数6、参考 1、任务描述 基于 python opencv 的连通分量标记和分析函数&#xff0c;分割车牌中的数字、号码、分隔符 cv2.connectedComponentscv2.connectedComponentsWithStatscv2.connectedComponents…

日期选择简化版今日、本周、本月、本季度、本年

function 未来之窗_时间_现在() {let date new Date(),year date.getFullYear(), //获取完整的年份(4位)month date.getMonth() 1, //获取当前月份(0-11,0代表1月)strDate date.getDate() // 获取当前日(1-31),小时 date.getHours(),分钟 date.getMinutes();if (month &…

基于安卓Android的健康饮食系统APP(源码+文档+部署+讲解)

&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 会持续一直更新下去 有问必答 一键收藏关注不迷路 源码获取&#xff1a;https://pan.baidu.com/s/1aRpOv3f2sdtVYOogQjb8jg?pwdjf1d 提取码: jf1d &#…

【Unity基础】初识UI Toolkit - 编辑器UI

&#xff08;本文所需图片在文章上面的资源中&#xff0c;点击“立即下载”。&#xff09; 本文介绍了如何通过UI工具包&#xff08;UI Toolkit&#xff09;来创建一个编辑器UI。 一、创建项目 1. 打开Unity创建一个空项目&#xff08;任意模板&#xff09;&#xff0c;这里我…

【网络】传输层协议TCP

目录 四位首部长度 序号 捎带应答 标记位 超时重传机制 连接管理机制&#xff08;RST标记位&#xff09; 三次握手及四次挥手的原因 TCP的全称是传输控制协议&#xff08;Transmission Control Protocol&#xff09;&#xff0c;也就是说&#xff0c;对于放到TCP发送缓冲…

docker基础篇(尚硅谷)

学习链接 docker1️⃣基础篇&#xff08;零基小白&#xff09; - 语雀文档 (即本篇) Docker与微服务实战&#xff08;基础篇&#xff09; Docker与微服务实战&#xff08;高级篇&#xff09;- 【上】 Docker与微服务实战&#xff08;高级篇&#xff09;- 【下】 文章目录 学习…

Spark RDD

概念 RDD是一种抽象&#xff0c;是Spark对于分布式数据集的抽象&#xff0c;它用于囊括所有内存中和磁盘中的分布式数据实体 RDD 与 数组对比 对比项数组RDD概念类型数据结构实体数据模型抽象数据跨度单机进程内跨进程、跨计算节点数据构成数组元素数据分片(Partitions)数据…

OmicsTools软件和R语言分析环境安装配置答疑汇总最新版

OmicsTools软件和R语言分析环境安装配置答疑汇总 前言提示 我开发了一款本地电脑无限使用的零代码生信数据分析作图神器电脑软件OmicsTools&#xff0c;欢迎大家使用进行生物医学科研数据分析和作图&#xff0c;不需要学编程写代码&#xff0c;分析次数没有限制&#xff0c;可…

java web调试时清理当前网址的缓存

java web调试时清理当前网址的缓存 背景 开发后端接口的时候&#xff0c;出现页面已经重新部署启动。但页面报错404的问题。询问前端同学后&#xff0c;发现是因为没有清理页面缓存导致的。特别在此记录。 清理页面缓存 操作方式 chrome浏览器 F12 > 应用 > 存储 &g…

分布式 ID 生成策略(二)

在上一篇文章&#xff0c;分布式 ID 生成策略&#xff08;一&#xff09;&#xff0c;我们讨论了基于数据库的 ID 池策略&#xff0c;今天来看另一种实现&#xff0c;基于雪花算法的分布式 ID 生成策略。 如图所示&#xff0c;我们用 41 位时间戳 12 位机器 ID 10 位序列号&a…

解决edge浏览器无法同步问题

有时候电脑没带&#xff0c;但是浏览器没有同步很烦恼。chrome浏览器的同步很及时在多设备之间能很好使用。但是edge浏览器同步没反应。 在这里插入图片描述 解决方法&#xff1a; 一、进入edge浏览器点击图像会显示未同步。点击“管理个人资料”&#xff0c;进入后点击同步&…