urlsearchparams构造函数不能直接解析完整url，仅接受query string（如"a=1&b=2"）；传入含协议域名或未编码特殊字符的字符串会导致解析失败，正确做法是用location.search或new url(url).searchparams。
URLSearchParams 构造函数怎么用才不会丢参数
直接传字符串最稳妥，但要注意 URL 编码问题：
new URLSearchParams("a=1&b=2")
<p>别用对象初始化（<code>new URLSearchParams({a: 1})</code></p>），它在 Safari 和部分旧版 Chrome 中不支持，会静默失败或返回空实例。
如果必须从对象生成，先用 Object.entries() 转成键值对数组再调用 append()，或者用 URLSearchParams.toString() 配合手动拼接。
- 含中文、空格、斜杠等字符时，原始字符串必须已编码（如
"q=%E4%BD%A0%E5%A5%BD"），否则get()返回null -
new URLSearchParams(location.search)是安全的，因为location.search已是合法编码格式（带?也没关系，它会自动忽略） - Node.js 环境需确认版本 ≥ v10.0.0；v16+ 支持更完整，v10–v15 对
sort()和entries()迭代顺序有差异
get() 和 getAll() 的行为差异在哪
get() 只返回第一个匹配值，getAll() 返回所有同名参数组成的数组——这是处理多选表单、复选框或重复参数的关键。
比如 URL 是 ?tag=js&tag=html&tag=css：
const params = new URLSearchParams("tag=js&tag=html&tag=css");
params.get("tag"); // "js"
params.getAll("tag"); // ["js", "html", "css"]
- 当参数只出现一次时，
getAll()仍返回单元素数组，别直接当字符串用 -
has("key")检查是否存在（包括值为空字符串的情况），比get("key") !== null更准确 -
get()对不存在的 key 返回null，不是undefined，注意类型判断
修改查询参数时 append()、set()、delete() 怎么选
append() 无条件追加，适合多值场景（如添加新 tag）；set() 先删后设，适合单值更新（如换页码 page=2）；delete() 清除整个键及其所有值。
错误做法：用 set() 多次设置同一 key 以为能保留多个值——它只会留下最后一次的值。
- 想“替换某个参数并保留其余”，别拼字符串，用
new URLSearchParams(oldString)实例后操作再toString() -
set("a", "")会生成a=（等号后为空），不是移除该参数；要移除必须用delete("a") - 批量删除多个键？只能循环调用
delete()，没有原生deleteAll(["a","b"])
和 location.search 同步更新页面 URL 时要注意什么
直接改 location.search 会触发页面刷新；要用 history.replaceState() 或 history.pushState() 避免重载。
常见写法：
const params = new URLSearchParams(location.search);
params.set("page", "3");
history.replaceState(null, "", `?${params.toString()}`);
-
toString()输出不含?，务必手动加上，否则 URL 变成/path#?a=1这类非法结构 - 使用
pushState()会增加浏览器历史条目，replaceState()替换当前条目——分页、筛选通常用后者，避免用户狂点返回键 - 服务端渲染（SSR）或静态站点中，
location.search可能为""，构造前建议先检查是否为空字符串
set() 当 append() 用，或忽略 toString() 不带问号，上线后参数就莫名消失。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
