Node.js常用三大模块之path模块

更新时间：2022年09月14日 15:25:56 作者：前端小白在前进

在node.js中常用的三大模块中还有一个是path模块，主要是为了便利用户处理路径问题，如果我们在引入文件的时候经常会受到../和./的干扰，那么这个path模块将会很好的帮助你

相对路径和绝对路径

概念

在这里首先先复习一下相对路径和绝对路径：

绝对路径 : 文件真实的存放位置 (以Web 站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径)
相对路径 : 相对于当前位置的路径 (以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对)

路径特殊符号

"./" ------ 代表目前所在的目录，相对路径

"../" ------ 代表上一层目录，相对路径

"../../" ------ 代表的是上一层目录的上一层目录，相对路径

"/" ------ 代表根目录,绝对路径

"C:/users/" ------ 代表根目录,绝对路径

示例:

一般情况下我们不会去使用绝对路径引入文件，一般使用相对路径，因为相对路径会更加的灵活，以及在书写的项目上线的时候使用绝对路径将很麻烦，相对路径yyds！

现在需要实现一个小功能，将该图片以不同形式引入到html文件中：

绝对路径

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    img {
        width: 1200px;
        height: 700px;
    }
</style>
<body>
    <img src="/image/23on23-01_2.jpg" alt="">
</body>
</html>

在这里使用了路径符号/，/这个符号代表了根目录（D:/node复盘/03）。

相对路径

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    img {
        width: 1200px;
        height: 700px;
    }
</style>
<body>
    <img src="./image/23on23-01_2.jpg" alt="">
</body>
</html>

在这里使用了路径符号./,./代表了目前所在的目录(D:/node复盘/03)。

成功引入：

path路径模块

什么是path路径模块

path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。

获取路径名path.dirname()

返回 path 的目录名。尾部的目录分隔符将被忽略。语法格式：

path.dirname(path)

代码示例：

const path = require('path')
console.log(path.dirname(`D:/node/02/hello.js`));  // D:/node/02

这个方法打印出了目录名D:/node/02

路径拼接path.join()

使用 path.join() 方法，可以把多个路径片段拼接为完整的路径字符串，语法格式如下：

path.join([...paths])

参数解读：

…paths < string > 路径片段的序列
返回值: < string >

代码示例：

const path = require('path')
//   注意： ../会抵消前面的路径
const pathStr = path.join('/a','/b/c','../','./c','/d')
console.log(pathStr);  //   \a\b\c\d

首先要引入path模块，node中引入模块使用内置的方法require(),如上例中写多个字符串，最后打印出来了\a\b\c\d,就是join的拼接功能，但是在这里要注意一点：../会抵消前面的路径，比如在案例中../抵消了/c

获取路径中文件名path.basename()

使用 path.basename() 方法，可以获取路径中的最后一部分，常通过该方法获取路径中的文件名,语法格式如下:

path.basename(path[, ext])

参数解读：

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

代码示例：

const path = require('path')
// 定义文件的存放路径
const fpath = '/a/b/c/index.html'
const fullName = path.basename(fpath)
console.log(fullName) // index.html
const nameWithoutExt = path.basename(fpath, '.html')
console.log(nameWithoutExt) // index

当没有传入第二个参数的时候，返回的将是路径的最后部分，所以返回了index.html,当第二个参数传入时，将会在第一种情况的基础下裁剪掉第二个参数值，所以返回了index

获取路径中文件扩展名path.extname()

使用 path.extname() 方法，返回路径中文件的后缀名，即路径中最后一个'.'之后的部分。如果一个路径中并不包含'.'或该路径只包含一个'.' 且这个'.'为路径的第一个字符，则此命令返回空字符串。语法格式如下：

path.extname(path)

参数path：传入的路径

代码示例：

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

这个方法与上边的方法不同的在于提取了后缀名！

解析为绝对路径path.resolve()

path.resolve() 该方法将一些的路径/路径段解析为绝对路径,语法格式如下:

path.resolve( [from…],to ) 注：将参数to位置的字符解析到一个绝对路径里，[from … ]为选填项，路径源；

参数解读：

from : 源路径
to : 将被解析到绝对路径的字符串

代码示例:

const path = require('path)
path.resolve('/foo/bar', './baz')   // returns '/foo/bar/baz'
path.resolve('/foo/bar', 'baz')   // returns '/foo/bar/baz'
path.resolve('/foo/bar', '/baz')   // returns '/baz'
path.resolve('/foo/bar', '../baz')   // returns '/foo/baz'
path.resolve('home','/foo/bar', '../baz')   // returns '/foo/baz'
path.resolve('home','./foo/bar', '../baz')   // returns '/home/foo/baz'
path.resolve('home','foo/bar', '../baz')   // returns '/home/foo/baz'
path.resolve('home', 'foo', 'build','aaaa','aadada','../../..', 'asset') //return '/home/foo/asset'

从后向前，若字符以 / 开头，不会拼接到前面的路径；若以../开头，拼接前面的路径，且不含最后一节路径；若连续出现多个../../..或者../..则忽略前方n(这个n代表的是出现了几个..)个..路径名进行拼接；若以./开头或者没有符号则拼接前面路径；

返回相对路径path.relative(from, to)

path.relative() 方法根据当前工作目录返回 from 到 to 的相对路径。如果 from 和 to 各自解析到相同的路径（分别调用 path.resolve() 之后），则返回零长度的字符串。

如果将零长度的字符串传入 from 或 to，则使用当前工作目录代替该零长度的字符串。

代码示例:

const path = require('path')
path.relative('/data/orandea/test/aaa', '/data/orandea/impl/bbb');
// 返回: '../../impl/bbb'

该代码表达的是对于from参数来说，to参数的位置是在哪里，通过解析后得出../../impl/bbb

小结

node的内置模块中path模块的实战操作在于当你需要获取文件的名称时候可以达到灵活使用的目的，一般情况下我们只需要文章的前四种方法，最后两种方法是对path模块的一个小拔高

到此这篇关于Node.js常用三大模块之path模块的文章就介绍到这了,更多相关Node.js path模块内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

解决修复npm安装全局模块权限的问题
今天小编就为大家分享一篇解决修复npm安装全局模块权限的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-05-05
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
这篇文章主要介绍了Node.JS枚举统计当前文件夹和子目录下所有代码文件行数,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-08-08
node如何实现cmd弹窗交互之inquirer
这篇文章主要介绍了node如何实现cmd弹窗交互之inquirer问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
mongoose更新对象的两种方法示例比较
最近在使用mongoose的时候发现了一个之前一直没注意的知识点，下面这篇文章主要给大家介绍了关于mongoose更新对象的两种方法，通过示例代码将两种方法进行详细的对比，以给大家更好的参考学习，需要的朋友可以参考下。
2017-12-12
Node.js 中的 fs 模块与Path模块方法详解
这篇文章主要介绍了Node.js 中的 fs 模块与Path模块,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-08-08
Node.js多文件Stream合并,串行和并发两种模式的实现方式
这篇文章主要介绍了Node.js多文件Stream合并,串行和并发两种模式的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
轻松创建nodejs服务器（6）：作出响应
这篇文章主要介绍了轻松创建nodejs服务器（6）：作出响应,我们接着改造服务器,让请求处理程序能够返回一些有意义的信息,需要的朋友可以参考下
2014-12-12
Node.js模块Modules的使用实战教程
这篇文章主要介绍了Node.js模块Modules的使用，模块就是一个声明了装饰器@Module()的类。装饰器@Module()提供了元数据，以便让Nest组织应用程序结构
2023-04-04
防止Node.js中错误导致进程阻塞的办法
Node.js我们用到非常的多了，如果我们开发不当可能因错误导致进程阻塞问题，对于进程阻塞问题一直是个头痛的事情，今天我们一起来看一篇关于Node.js防止错误导致的进程阻塞示例，下面一起来看看。
2016-08-08
利用yarn代替npm管理前端项目模块依赖的方法详解
这篇文章主要给大家介绍了关于利用yarn代替npm管理前端项目模块依赖的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-09-09