javascript 的 url 对象在调用 tostring() 时，会自动对 searchparams 中的键值进行标准 url 编码，确保生成合法、可安全传输的 url；其编码规则与 encodeuricomponent 一致，但由浏览器底层统一实现，开发者无需手动编码。
javascript 的 url 对象在调用 tostring() 时，会自动对 searchparams 中的键值进行标准 url 编码，确保生成合法、可安全传输的 url；其编码规则与 encodeuricomponent 一致，但由浏览器底层统一实现，开发者无需手动编码。
在使用 URL 构造函数创建对象后，通过 searchParams.append() 添加的参数值会被自动编码——这是 URL 对象的核心设计特性之一。例如：
const url = new URL("http://example.com");
url.searchParams.append("name", "Mustermann");
url.searchParams.append("question", "how does the URL.toString() function work?");
console.log(url.toString());
// 输出：http://example.com/?name=Mustermann&question=how%20does%20the%20URL.toString%28%29%20function%20work%3F
可以看到，空格被编码为 %20，括号 ( 和 ) 被编码为 %28 和 %29，问号 ? 被编码为 %3F —— 这正是 encodeURIComponent() 的典型行为（注意：它不编码字母、数字、-, _, ., !, ~, *, ', (, )），而 encodeURI() 则会保留 /, ?, :, @, &, =, +, $, # 等 URL 结构字符，因此不适用于参数值编码。
✅ 正确做法：直接使用 searchParams.append(key, value)，让 URL 对象内部处理编码。
❌ 错误做法：提前用 encodeURIComponent() 手动编码后再传入（会导致双重编码）：
// ❌ 危险！将导致 %20 变成 %2520（即 %20 被再次编码）
url.searchParams.append("q", encodeURIComponent("hello world"));
// ✅ 正确：交由 URL 自动处理
url.searchParams.append("q", "hello world");
⚠️ 注意事项：
-
searchParams.set()、append()、delete()等所有修改方法均触发自动编码； - 编码发生在
toString()或访问url.href时，而非插入瞬间（但效果等价）； - 键（key）同样被编码，且遵循相同规则；
- 若需解码原始值，可使用
decodeURIComponent()处理searchParams.get()返回的结果（尽管通常无需手动解码，因为浏览器解析时已自动处理）。
总结：URL.toString() 不是简单拼接字符串，而是基于 WHATWG URL 标准的完整序列化过程，包含严格的 UTF-8 字节编码与百分号转义。它比 encodeURI() 更精准，比手动 encodeURIComponent() 更安全可靠——这是现代 Web 开发中构建动态 URL 的推荐方式。
