标签：

decodeURI() 和 decodeURIComponent() 是 JavaScript 中用于解码 URL 编码字符串的两个函数。

它们的主要区别在于解码范围。

• decodeURI() 用于解码整个 URI 中的特殊字符，包括保留字符（例如 /、?、#、: 等）和非 ASCII 字符。它通常用于解码整个 URL。

• decodeURIComponent() 用于解码 URI 组件中的特殊字符，包括保留字符和非 ASCII 字符。它通常用于解码 URL 参数和其它 URI 组件。

示例代码如下：

const encodedURI = "https://example.com/my%20path?query=%E4%B8%AD%E6%96%87";
const encodedURIComponent = "param1%3Dvalue1%26param2%3Dvalue2";

const decodedURI = decodeURI(encodedURI);
console.log(decodedURI);
// Output: https://example.com/my path?query=中文

const decodedURIComponent = decodeURIComponent(encodedURIComponent);
console.log(decodedURIComponent);
// Output: param1=value1&param2=value2

在上述示例中，decodeURI() 用于解码整个 URI，将编码的空格 %20 解码为正常的空格，将 %E4%B8%AD%E6%96%87 解码为中文字符。

而 decodeURIComponent() 用于解码 URI 组件中的编码字符，将 %3D 解码为 =，将 %26 解码为 &。

总结：

• 如果需要解码整个 URL，包括路径和查询参数等，请使用 decodeURI()。
• 如果需要解码 URL 参数或其他 URI 组件，请使用 decodeURIComponent()。

希望能解答你的疑问！

标签：
来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。