在前端开发中，我们经常会遇到兼容性问题。其中，IE 11 的兼容性问题是比较常见和严重的。一个常见的问题就是在 IE 11 中使用 URLSearchParams 时会报错：
SCRIPT5009: 'URLSearchParams' is undefined
本文将深入探讨这个问题，并提供解决方案。
URLSearchParams 是什么？
URLSearchParams 是 Web API 的一部分，用于处理 URL 中的查询参数（query string）。比如，对于以下 URL：
https://example.com/search?q=foo&sort=desc&page=2
查询参数为 q=foo&sort=desc&page=2，可以用 URLSearchParams 对象来对其进行操作。
为什么会出现 SCRIPT5009 错误？
因为 URLSearchParams 是 HTML5 标准新增的 API，在 IE 11 中并没有得到完全支持。而在其他现代浏览器中，这个 API 已经被广泛采用，所以在开发过程中可能会遇到这个问题。
如何解决 SCRIPT5009 错误？
解决方案一：引入 polyfill
polyfill 是一种向旧版浏览器提供新 API 支持的技术手段。可以通过引入 url-search-params-polyfill 这个库来解决 URLSearchParams 在 IE 11 中的兼容性问题。
<script src="https://polyfill.io/v3/polyfill.min.js?features=URLSearchParams"></script>
或者，也可以下载库文件并在项目中引用：
<script src="./url-search-params.js"></script>
解决方案二：手动实现 URLSearchParams
如果项目不依赖于 polyfill 或者需要更加灵活地控制代码，也可以手动实现一个简单的 URLSearchParams 对象。以下是一个示例实现：
-- -------------------- ---- -------
----- --------------- -
------------------ -
---------- - ------
-
--------- -
----- --- - --- ----------------------------------- -----
----- - - ----------------------
-- -- -- ----- -
------ -------------------------
-
------ -----
-
-这个实现只包含了 get 方法，但其他方法也可以根据实际需求进行实现。
总结
在开发过程中，由于浏览器兼容性问题可能会遇到一些困难。但对于 URLSearchParams 这个问题，我们可以通过引入 polyfill 或者手动实现一个简单的 URLSearchParams 对象来解决。希望本文能够帮助到您。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606f154d2d2a29a3c1203111