URLSearchParams 是现代浏览器解析地址栏参数的标准方案，自动处理编码、空值和重复键，支持 Chrome 49+ 等主流浏览器；需用 new URLSearchParams(location.search) 初始化，配合 get()/getAll()/set()/append()/delete() 操作，再通过 toString() 生成安全查询字符串。
直接用 URLSearchParams 解析地址栏参数是现代浏览器的标准解法，不用手写正则或 split('&')——它自动处理编码、空值、重复键，且 Chrome 49+、Firefox 44+、Safari 10.1+、Edge 17+ 全支持。
new URLSearchParams(location.search) 是最安全的初始化方式
传入 window.location.search（或简写的 location.search）即可读取当前页所有查询参数。这个字符串自带开头的 ?，URLSearchParams 能正确忽略它，无需手动切掉。
- ✅ 正确：
new URLSearchParams(location.search)—— 即使 URL 是?id=123&tag=js或空?，也完全安全 - ❌ 错误：
new URLSearchParams("https://a.com/?a=1")—— 整个 URL 被当做一个 key，值为空 - ❌ 错误：
new URLSearchParams()—— 创建空实例，啥参数也没有 - ⚠️ 注意：
location.search在无参数时是空字符串""，构造函数仍可正常工作，不会报错
get() 和 getAll() 的行为差异决定你是否漏数据
后端允许重复参数（如多选标签 ?tag=js&tag=html&tag=css）时，用 get() 只能拿到第一个值，getAll() 才返回完整数组。
-
params.get("tag")→ 返回"js"（字符串，或null） -
params.getAll("tag")→ 返回["js", "html", "css"]（数组，即使只出现一次也是单元素数组） -
params.has("sort")比params.get("sort") !== null更可靠，因为?sort=中的值是空字符串""，不是null - 空参数（如
?name=&id=123）中，name的值是""，不是null或undefined
修改参数别拼字符串，用 set()/append()/delete() + toString()
动态更新查询参数时，直接操作 URLSearchParams 实例再调用 toString()，比手动拼接安全得多——它会自动编码空格、中文、斜杠等字符。
立即学习“前端免费学习笔记（深入）”；
-
params.set("page", "2")→ 先删掉所有page=*，再设新值（适合单值更新） -
params.append("tag", "react")→ 无条件追加（适合多选添加） -
params.delete("q")→ 清除整个键及其所有值（要删多个键，只能循环调用） - ⚠️ 别用
set()多次设同一 key 以为能保留多个值——它只会留最后一次 - 最终生成 URL 时，必须用
params.toString()，不要自己拼key + "=" + value，否则跳过编码步骤，服务端可能解析失败
中文、空格、+ 号这些字符不需要手动 decodeURIComponent
URLSearchParams 的 get()、getAll() 等方法返回的值**已自动解码**。你额外套一层 decodeURIComponent()，遇到未编码的原始值（如 ?q=hello world）会抛 URIError。
- ✅ 正确：
params.get("q")→ 自动返回"hello world" - ❌ 错误：
decodeURIComponent(params.get("q"))→ 报错 - 只有当你自己构造原始 query 字符串（比如
key + "=" + value）再传给URLSearchParams时，才需确保value已用encodeURIComponent()编码 - 如果值来自用户输入，
URLSearchParams会在set()或append()时自动编码；但若你提前编码过一遍，再传进去，会导致双重编码（如中文变成%25E4%25B8%25AD）
真正容易被忽略的是：修改 URLSearchParams 实例本身不会影响地址栏，它只是个内存对象。要同步更新 URL，得配合 history.replaceState() 或改 location.href，不能只调 params.append() 就以为页面参数变了。
