ES9 为什么没有定义标准 URI 编解码方法？
在 ES9（ECMAScript 2018）之前，JavaScript 的标准库中定义了全局对象encodeURIComponent()和decodeURIComponent()来进行 URI 编解码。这两个方法分别用于将 URI 中的特殊字符编码/解码成 escape 编码，以保证其能被正确地传输和处理。然而，在 ES9 中，这些方法都没有得到改进或更新，并且没有定义任何新的 URI 编解码方法，这究竟是为什么呢？
首先，我们需要明确一个现实问题，即 URI 编解码存在多种标准和实现方式。在浏览器、服务器以及不同编程语言中，对 URI 的编解码方式和字符集限制都各不相同。例如在 Python 中，使用 urllib.parse 实现 URI 编解码，而在 Java 中则使用 java.net.URLEncoder 和 java.net.URLDecoder。这些编程语言的标准库中，实现了一组针对 URI 的编解码方法，同样也针对各自的需求做了特定的优化和兼容处理。
但 JavaScript 作为一门广泛使用的编程语言，却没有定义相应的标准 URI 编解码方法，这就造成了一定的实现差异和兼容性问题。为了解决这个问题，ECMAScript 相关工作组（TC39）曾考虑过引入新的 URI 编解码标准，例如 URLSearchParams 和 URL 对象，来实现更加统一和兼容的 URI 编解码方式。但最终这些方法都未被纳入 ES9 的正式标准，而是推迟到以后的更新中去实现。
那么，解决了这种编码问题的方法有哪些呢？
一、使用第三方库
对于现有的 JavaScript 应用来说，最为简单且有效的解决方法，就是引用第三方库来进行 URI 编解码。有一些优秀的第三方库，如 URI.js、querystring、qs 等，都提供了可靠和兼容的 URI 编解码方法，而且均可以轻松集成到我们的项目中。
示例代码：
const URI = require('urijs');
const url = 'https://example.com/search?q=test';
const uri = new URI(url);
uri.addSearch('sort', 'date');
uri.toString(); // 输出 https://example.com/search?q=test&sort=date二、手写自定义函数
我们也可以使用 JavaScript 自身的字符串方法和正则表达式，来手写自定义的 URI 编解码函数。这种方法的好处是可以根据自己的需求，控制字符集和特殊字符的编解码方式，更加灵活和多样化。
示例代码：
// javascriptcn.com 代码示例
// URI 编码
function encode(text) {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_.~';
return encodeURIComponent(text).replace(/[!*()']/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`).replace(/%20/g, '+');
}
// URI 解码
function decode(text) {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_.~';
return decodeURIComponent(text).replace(/\+/g, ' ');
}三、等待新标准
最后，对于需要等待 ES9+ URI 编解码方法的开发者们来说，我们只能先使用现有的编解码方法，或者选择以上两种解决方案，等待 ECMA 新的标准和实现方式的到来。
总结
在 ES9 中，没有定义新的 URI 编解码方法，但这并不会妨碍我们完成 URI 编解码的需求。我们可以使用第三方库、手写自定义函数，或者等待未来版本的 ECMAScript 标准，来解决这个问题。无论如何，我们都需要注意字符集、特殊字符和兼容性等问题，来确保 URI 编解码的正确性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6527caeb7d4982a6eba62f36