JavaScript 里 URL 与 URLSearchParams 的陷阱

在 JavaScript 开发中，URL 与 URLSearchParams 是处理网址及其参数的常用工具，但在使用过程中，开发者往往容易掉进一些陷阱。

关于 URL 的创建。在使用 new URL() 构造函数时，如果传入的是相对 URL，它需要一个有效的基准 URL 作为第二个参数。例如，new URL('/page', 'https://example.com') 会正确创建一个指向 https://example.com/page 的 URL 对象。然而，若基准 URL 格式不正确，就会导致创建失败，而这一错误可能在运行时才会暴露，给调试带来困难。

URL 的解析也存在陷阱。当解析一个复杂的 URL 时，要注意特殊字符的处理。比如，URL 中的空格会被编码为 %20，其他特殊字符也有相应的编码规则。如果没有正确理解和处理这些编码，在获取或修改参数时可能会出现意想不到的结果。例如，在解析包含中文参数的 URL 时，若直接使用字符串操作而不考虑编码，很可能导致乱码问题。

再来说说 URLSearchParams。虽然它提供了方便的方法来操作查询参数，如 .append()、.delete()、.get() 等，但在处理重复参数时需要特别小心。默认情况下，.get() 方法只会返回第一个匹配的参数值。如果需要获取所有同名参数的值，就需要使用 .getAll() 方法。若不注意这一点，在处理表单提交等场景中包含多个相同名称参数时，就可能丢失数据。

另外，URLSearchParams 在不同浏览器中的兼容性也是一个潜在陷阱。尽管现代浏览器大多支持这一 API，但在一些旧版本浏览器中可能存在不兼容的情况。在开发面向广泛用户群体的应用时，需要进行充分的测试，或者提供相应的 polyfill 来确保代码的正常运行。

在 JavaScript 中使用 URL 与 URLSearchParams 时，要对它们的特性和潜在陷阱有深入的了解，仔细处理特殊字符、参数操作以及兼容性问题，才能编写出健壮、可靠的代码。