首頁 > web前端 > js教程 > 主體

一文聊聊node中的path模組

青灯夜游
發布: 2022-12-14 20:04:15
轉載
2580 人瀏覽過

一文聊聊node中的path模組

path 模組是nodejs 中用於處理檔案/目錄路徑的內建模組,可以看作是工具箱,提供許多方法供我們使用,當然都是和路徑處理有關的。同時在前端開發中 path 模組出現的頻率也是比較高的,例如配置 webpack 的時候等。本文是對該模組中一些常用的方法進行介紹,走,一起學習下吧。 【相關教學推薦:nodejs影片教學程式設計教學

  • 需要注意下,nodejs 中所有的模組(內置,自訂)都需要使用requier 進行導入,一般導入位置在文件頂部。
const path = require('path');
登入後複製

API

basename (取得路徑基礎名稱)

  • path.basename(path [,ext])
    • path:檔案/目錄路徑
    • ext:(可選)檔案副檔名例如.js .css 等
    • 傳回值:path 路徑的最後一部分
  • 注意:
    • 如果path 不是字串或給定的ext 參數不是字串,則拋出TypeError
    • 如果有ext參數,當ext 後綴名稱與檔案名稱匹配上時傳回的檔案名稱會省略檔案後綴
    • 如果path 尾部有目錄分隔符號則會被忽略
const path = require("path");

path.basename('./ext/test.js') //test.js
path.basename('./ext/test.js','.js') //test (当后缀名与文件名匹配上时返回的文件名会省略文件后缀)
path.basename('./ext/test.js','.html') //test.js (没有匹配上时返回文件全名)
path.basename('./ext/foo/') // foo (尾部目录分隔符被忽略)
登入後複製

dirname(取得路徑目錄名稱)

  • path.dirname(path)
    • path:檔案/目錄路徑
    • 返回值:path 路徑的目錄名稱
  • 注意:
    • 如果path 不是字串,則拋出TypeError
    • 如果path 尾部有目錄分隔符則會被忽略
const path = require("path");

path.dirname('./foo/bar/baz'); //./foo/bar (相对路径/绝对路径均可)
path.dirname('/foo/bar/baz/'); // /foo/bar (尾部目录分隔符被忽略)
path.dirname('/foo/bar/baz/test.js'); // /foo/bar/baz
登入後複製

extname (取得路徑副檔名)

  • path.extname(path)
    • path:檔案/目錄路徑
    • 傳回值:path 路徑的副檔名,從最後一次出現'.' 字元到path 最後一部分的字串結束,無副檔名則傳回空
  • 注意:
    • 如果path 不是字串,則拋出TypeError
const path = require("path");

path.extname('foo/bar/baz/test.js'); // .js
path.extname('foo/bar/baz');// '' (无扩展名返回 '')
path.extname('foo/bar/baz/.'); // ''
path.extname('foo/bar/baz/test.'); // '.'
path.extname('foo/bar/baz/.test'); // ''
path.extname('foo/bar/baz/.test.js'); // '.js'
登入後複製

parse (解析路徑)

  • path.parse(path) ( str => obj )
    • #path:檔案/目錄路徑
    • 傳回值:帶有屬性(dir,root,base,name,ext)的物件
      • root:根目錄
      • #dir: 檔案所在的資料夾
      • base:完整檔案( index. js )
      • name:檔案名稱
      • ##ext: 檔案後綴名
  • 注意:
    • 如果path 不是字串,則拋出TypeError
    • 如果尾部有目錄分隔符號則會被忽略
  • 一圖勝千言
  • ┌──────────────────┬────────────┐
    │          dir     │    base    │
    ├──────┬           ├──────┬─────┤
    │ root │           │ name │ ext │
    "  /    foo/bar/baz/ index  .js "
    登入後複製
    const path = require("path");
    
    path.parse('/foo/bar/baz/index.js')
    // {
    //     root: '/',
    //     dir: '/foo/bar/baz',
    //     base: 'index.js',
    //     ext: '.js',
    //     name: 'index'
    //   }
    
    path.parse('/foo/bar/baz') //尾部目录分隔符省略
    // {
    //     root: '/',
    //     dir: '/foo/bar',
    //     base: 'baz',
    //     ext: '',
    //     name: 'baz'
    //   }
    
    path.parse('./foo/bar/baz/index.js') //当路径为相对路径 ./ 或../时 解析结果中root(代表根目录,绝对路径才有值)为 ''
    // {
    //     root: '',
    //     dir: './foo/bar/baz',
    //     base: 'index.js',
    //     ext: '.js',
    //     name: 'index'
    //   }
    登入後複製

format (序列化路徑)

  • path.format(pathObj) 序列化path 路徑,與path.parse() 剛好相反

      #pathObj:path物件
    • 傳回值:序列化後的字串路徑( obj => string )
  • ##注意:
  • 如果pathObject 不是對象,則拋出TypeError
    • pathObject 中的屬性需要注意優先權:
    • 當dir 屬性存在則忽略root 屬性
      • #當base 屬性存在則會忽略name 和ext 屬性
#isAbsolute (是否為絕對路徑)

    path.isAbsolute(path)
  • path:檔案/目錄路徑
    • 傳回值:true/false
  • 注意:
  • 如果path 不是字串,則拋出TypeError
    • 如果給定的path 字串長度為0,則傳回false
    • 參考
    前端面試題詳細解答

join(拼接路径片段)

normalize(规范化路径)

relative(获取 from 到 to 的相对路径)

这里针对 from 或 to 任何一方为空,则使用当前工作目录代替其空路径。稍作说明下, 例如当前工作目录为 \Stone\node\node\path_module,则可以看到 path.relative('/foo/bar/baz/files.js','') 的输出结果为..\..\..\..\Stone\node\node\path_module,此时 to 为 \Stone\node\node\path_module, 要输出 to 相对于 from 的相对路径,则 from 需要先 ../ 的形式 一层一层退出,来检索与 to 的公共父级目录,直到遇到公共父级目录或者到根目录停止,然后cd 进 to 目录。这是针对另一方为绝对路径,如果另一方为相对路径,则直接就是当前另一方路径。

resolve(将路径或路径片段的序列解析为绝对路径)

path.resolve 方法解析路径片段的时候会从右往左的顺序依次解析,直到构造出一个绝对路径,否则会将当前工作目录加在路径开头。所以,通过 resolve 解析生成的路径一定是绝对路径。这个方法使用的非常多,应该特眼熟,对,前端我们配置 webpack 的时候会高频率用到,并且往往还会结合 __dirname 使用。

__dirname,__filename

我们先在 path_module 目录下运行 node test.js 命令

然后我们在 \Stone\node\node 目录下运行 node path_module\test.js,会发现输出结果同上, 所以这就是说明 __dirname 和 __filename 始终跟当前执行文件有关,跟启动脚本所在目录无关。

./ ../

./../ 我们都知道是相对路径的写法,但是使用的过程中配合 require() 使用与否的结果是不同的。

会正常打印出 ok

运行会报错 no such file or directory, open './ext/test1.js'

这到底是为啥嘞,原因就是 './' 和 '../' 的路径表示意义需要分情况,当结合 require() 使用的时候相对于当前执行文件,如果不结合 require() 使用的情况下会相对于当前启动脚本的目录,因此只有在 require() 时才使用相对路径(./, ../) 的写法,其他地方一律使用绝对路径,这点一定要注意。

结语

关于nodejs path 模块,我们今天就说到这里了,虽然 api 不是很多,但是 path 模块在前端的使用频率还是非常高的,所以觉得很值得学习了解一下的。由于认知有限,本文若有不准确之处还望路过的各位兄台及时指正,吃瓜,吃瓜。

更多node相关知识,请访问:nodejs 教程

以上是一文聊聊node中的path模組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!