js实现路径
路径操作基础
在JavaScript中,路径操作通常涉及字符串处理或内置API。对于文件系统路径,Node.js提供path模块;浏览器环境则依赖URL标准或window.location。
Node.js路径处理
使用path模块处理文件路径:

const path = require('path');
// 拼接路径
const fullPath = path.join(__dirname, 'folder', 'file.txt');
// 解析路径
const parsed = path.parse(fullPath); // { root, dir, base, ext, name }
// 获取扩展名
const ext = path.extname('file.png'); // '.png'
浏览器URL路径
通过URL对象或window.location操作:
// 解析URL
const url = new URL('https://example.com/path?query=1');
console.log(url.pathname); // '/path'
// 修改当前页路径
window.location.pathname = '/new-path';
路径校验与转换
检查路径格式或转换分隔符:

// 校验绝对路径
const isAbsolute = path.isAbsolute('/home/user'); // true
// 转换路径分隔符为系统默认
const normalized = path.normalize('C:\\temp\\\\file.txt');
动态路径生成
结合模板字符串动态生成路径:
const user = 'alice';
const dynamicPath = `/data/${user}/profile.json`;
注意事项
- 在浏览器中操作路径需注意同源策略限制。
- Node.js的
path模块在不同操作系统下行为可能不同(如分隔符)。 - 处理用户输入的路径时需防范目录遍历攻击(如过滤
../)。
路径编码与解码
处理含特殊字符的路径:
const encoded = encodeURIComponent('/path with spaces');
const decoded = decodeURIComponent(encoded);






