JavaScript中不能直接解构URL查询参数字符串，需先用URLSearchParams和Object.fromEntries转为对象再解构；注意值均为字符串类型，支持默认值、重命名等解构特性，一行链式写法适用于简单场景。
JavaScript 中不能直接用解构赋值“解析 URL 查询参数对象”，因为查询参数是字符串，不是对象；但可以先将查询字符串转为对象，再对其解构。关键在两步：解析 + 解构。
把查询字符串转成普通对象
浏览器原生提供 URLSearchParams 接口，是最推荐的方式：
const url = 'https://example.com/?name=alice&age=30&city=beijing';
const params = new URLSearchParams(new URL(url).search);
const obj = Object.fromEntries(params); // { name: 'alice', age: '30', city: 'beijing' }
注意：Object.fromEntries() 返回的值全是字符串类型（包括数字、布尔等也会是字符串），如需自动转换类型，需额外处理。
对参数对象进行解构赋值
拿到对象后，就可以像操作普通对象一样解构了：
立即学习“Java免费学习笔记（深入）”；
const { name, age, city } = obj;
console.log(name); // 'alice'
console.log(age); // '30'（仍是字符串）
支持默认值、重命名、嵌套解构（如果后续你把参数转成更复杂的结构）：
- 设默认值：
const { name = 'anonymous', age = '0' } = obj; - 重命名：
const { name: userName, age: userAge } = obj; - 只取部分字段：
const { name, city } = obj;（其余忽略）
一行写法（适合简单场景）
如果只是临时取几个参数，可链式调用，避免中间变量：
const { name, age } = Object.fromEntries(
new URLSearchParams(window.location.search)
);
在 React/Vue 等框架中常用于读取路由查询参数；注意 SSR 环境中 window 可能未定义，需加判断。
注意事项和常见坑
- URLSearchParams 不会自动解码特殊字符（如
%20），但get()和Object.fromEntries()内部已处理，一般无需手动decodeURIComponent - 重复键（如
?tag=a&tag=b）会被后者覆盖；如需获取全部值，用params.getAll('tag') - 空值或缺失参数解构后为
undefined，建议配合默认值使用 - 不推荐用
split('&')手动解析——易出错、难处理编码、不兼容数组/嵌套语法
