前端路由中用Map存储动态路径需预编译正则并以正则对象为键，遍历匹配时用exec提取参数；路由量大时可按首段路径分桶优化；推荐使用path-to-regexp库替代手写正则。
在前端路由系统中，用 Map 存储动态路径模式（如 /user/:id）并实现快速查找，关键不在于直接用 Map 做字符串匹配，而在于**预编译路径正则 + Map 缓存映射关系**。原生 Map 只支持精确键匹配，无法处理通配或参数提取，所以需结合正则解析逻辑。
把动态路径转成正则并存进 Map
对每个路由规则（如 /user/:id），提前编译为带捕获组的正则（如 ^/user/([^/]+)$），再以该正则对象为键、处理函数为值存入 Map。注意：必须用正则对象本身作键（不是字符串），才能利用 Map 的引用相等性快速命中。
- 用
new RegExp('^' + path.replace(/:(w+)/g, '([^/]+)') + '$')生成正则 - 确保正则全局标志
g不启用，避免lastIndex干扰多次匹配 - 存入时用
map.set(regex, handler)，不要用字符串路径作键
查找时遍历 Map，用正则 test + exec 提取参数
收到当前 URL（如 /user/123）后，遍历 Map 的键（即各路由正则），对每个调用 regex.exec(url)。一旦匹配成功，就拿到 exec 返回的数组（含完整匹配和各捕获组），可直接解构参数。
- 用
for (const [regex, handler] of map)遍历，比Array.from(map.keys())更高效 - 匹配成功后立即
break，避免多余遍历 - 从
exec结果第 1 位起取参数，例如['/user/123', '123']→id = matches[1]
优化：按路径层级或静态前缀分组 Map
当路由量大（如超 50 条），纯遍历变慢。可先按首段路径（/user、/post）分桶，每个桶是一个独立 Map，缩小匹配范围。
立即学习“Java免费学习笔记（深入）”；
- 解析当前 URL 得到第一段（
url.split('/')[1]），查对应桶 - 桶内仍用正则
Map，但只存该前缀下的路由，比如userMap里只有/user/:id和/user/:id/settings - 未命中桶时直接跳过，减少 80%+ 正则执行次数
替代方案：用 Path-to-RegExp 库自动处理
手动写正则易出错（如转义、可选参数、重复斜杠）。推荐用成熟库 path-to-regexp，它返回可复用的正则和参数名数组，再封装进 Map 即可：
const { parse, compile, tokensToRegexp } = require('path-to-regexp')- 对
/user/:id(\d+)，它生成精准正则和['id']参数列表 - 存
map.set(compiledRegex, { handler, keys: ['id'] })，执行时用regex.exec()+keys映射参数名
