path 中方法使用及 __dirname 和 __filename

一、__dirname 和 __filename

1. 概念

1. __dirname 可以用来动态获取当前文件所属目录的绝对路径

2. __filename 可以用来动态获取当前文件的绝对路径，包含当前文件

// __dirname 和 __filename 是不受执行 node 命令所属路径影响的

2. 测试

// 测试 js 文件文件路径为: E:\前端相关\demo_js\test\31.path.js

console.log('__dirname->', __dirname)
console.log('__filename->', __filename)

// 输出: __dirname-> E:\前端相关\demo_js\test
// 输出: __filename-> E:\前端相关\demo_js\test\31.path.js

二、path 中方法使用

1. path.join()

path.join() 方法是将多个参数字符串合并成一个路径字符串

// 当前的文件路径为: E:\前端相关\demo_js
const path = require('path')

console.log(path.join(__dirname, 'a', 'b', 'demo.js')) // E:\前端相关\demo_js\test\a\b\demo.js

// 路径开头的 / 不会影响拼接，.. 即（cd ..）代表上一级文件
console.log(path.join(__dirname, '/a', '/b', '..')) // E:\前端相关\demo_js\test\a

// path.join() 会做路径字符串的校验，不合法时会抛错: The "path" argument must be of type string. Received an instance of Object
console.log(path.join(__dirname, '/a', {}, '/b'))

2. path.resolve()

path.resolve() 方法是以程序为根目录，作为起点，根据参数解析出一个绝对路径。
以应用程序为根目录，普通字符串代表子目录，/ 代表绝对路径根目录

// 当前执行的 js 文件路径为: E:\前端相关\demo_js\test\31.path.js
const path = require('path')

// 得到应用程序启动文件的目录（得到当前执行文件绝对路径）
console.log(path.resolve()) // E:\前端相关\demo_js\test

// 解释: / 斜杠代表根目录，一般拼接的时候需要小心点使用 / 斜杠
console.log(path.resolve('a', '/b')) // E:\b

// 这个就是将文件路径拼接，并不管这个路径是否真实存在
console.log(path.resolve(__dirname, 'a/b')) // E:\前端相关\demo_js\test\a\b

// 这个是用当前应用程序启动文件绝对路径与后面的所有字符串拼接，因为最开始的字符串不是以 / 开头的，.. 也是代表上一级目录
console.log(path.resolve('wwwroot', 'static_files/png/', '../gif/image.gif')) // E:\前端相关\demo_js\test\wwwroot\static_files\gif\image.gif