js decode uri
在 JavaScript 中，可以使用 decodeURI() 函数解码被编码过的 URI。本文将详细介绍 decodeURI() 函数的用法、示例代码以及运行结果。
什么是编码过的 URI?
URI（Uniform Resource Identifier）是一个用于标识某个资源的字符串。在网络传输中，有时需要对 URI 进行编码，以使其能够安全地传输和存储。编码过的 URI 在传输过程中会将一些特殊字符转换为 % 加上其 Unicode 编码。例如，空格会被编码为 %20。
decodeURI() 函数
decodeURI() 函数是 JavaScript 的全局函数，用于解码被编码过的 URI。该函数的语法如下：
decodeURI(encodedURI)
decodeURI() 函数接受一个编码过的 URI 作为参数，并返回该 URI 的解码结果。
下面是 decodeURI() 函数的具体解码规则：
对于 %xx 形式的编码，将其转换为对应的字符。
对于 %uXXXX 形式的十六进制编码，将其转换为对应的 Unicode 字符。
不会解码用于分隔 URI 各个部分的特殊字符，例如 :/?#[]@!$&'()*+,;=。
需要注意的是，decodeURI() 函数只能解码被整个字符串编码的 URI，而不能单独解码 URI 中的某个部分。
示例代码
下面是一些使用 decodeURI() 函数的示例代码：
示例 1
const encodedURI = "https://www.example.com/%E4%B8%AD%E6%96%87%E5%AD%97%E7%AC%A6%E4%B8%B2";
const decodedURI = decodeURI(encodedURI);
console.log(decodedURI);
运行结果：
https://www.example.com/中文字符串
在此示例中，我们有一个编码过的 URI，其中包含了一个中文字符串。使用 decodeURI() 函数将编码过的 URI 解码为可读的字符串。
示例 2
const encodedURI = "https://www.example.com/?q=%E6%90%9C%E7%B4%A2&category=%E5%9B%BE%E7%89%87";
const decodedURI = decodeURI(encodedURI);
console.log(decodedURI);
运行结果：
https://www.example.com/?q=搜索&category=图片
在此示例中，我们有一个包含查询参数的编码过的 URI。通过使用 decodeURI() 函数，我们可以将查询参数解码为可读的字符串。
示例 3
const encodedURI = "https://www.example.com/?q=%E6%90%9C%E7%B4%A2&q=%E5%9B%BE%E7%89%87";
const decodedURI = decodeURI(encodedURI);
console.log(decodedURI);
运行结果：
https://www.example.com/?q=搜索&q=图片
在此示例中，我们有一个包含重复的查询参数的编码过的 URI。使用 decodeURI() 函数，可以将查询参数分别解码为可读的字符串。
总结
在 JavaScript 中，使用 decodeURI() 函数可以解码被编码过的 URI。无论是解码包含中文字符的 URI，还是解码包含查询参数的 URI，decodeURI() 都可以对其进行正确解码。在编写 JavaScript 代码时，考虑到 URI 的编码和解码是非常重要的一环。使用 decodeURI() 函数可以确保正确处理编码过的 URI，保证数据的可靠性和一致性。