URL、查询参数与编码

这一节要完成什么

用 URL 与 URLSearchParams 安全构造请求地址。

先理解：为什么要学它

用 URL 与 URLSearchParams 安全构造请求地址。

跟着做

const url = new URL('https://api.example.com/search');
url.searchParams.set('q', 'HTML 表单');
url.searchParams.set('limit', '5');
console.log(url.toString());

1. 打开上一节项目并记录当前结果。
2. 输入示例并完成：构造包含中文关键词、页码和每页数量的地址，再逐项读回参数。
3. 改变一个输入，先预测再验证。
4. 制造并修复典型错误：不要手工拼接空格、& 和 ?；让 URLSearchParams 负责编码。

关键代码怎么读

• 用 URL 与 URLSearchParams 安全构造请求地址。
• 按输入、处理、输出三部分阅读代码。
• 用不同输入和边界情况验证。

常见错误：看到什么，检查什么

自己完成一次

构造包含中文关键词、页码和每页数量的地址，再逐项读回参数。

完成检查

• 我完成了本节要求的可见结果
• 我能解释关键代码的输入、处理和输出
• 我测试了正常、边界和错误情况