JS中encodeURIComponent和encodeURI函数的区别

1、encodeURIComponent函数用于对完整的URL组件进行编码，包括查询参数、路径片段等。

它会对所有非字母数字字符进行编码，并将其替换为相应的URL编码形式。这包括对特殊字符（如冒号、斜杠、问号、等号、加号等）的编码。encodeURIComponent保留了URL中的分隔符，因此可以安全地对完整的URL进行编码。

示例：

const url = 'http://example.com/search?q=hello world';
const encodedUrl = encodeURIComponent(url);
// 输出：http%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world

2、encodeURI函数用于对整个URL进行编码，但不包括查询参数部分。

它主要用于对URL中的路径片段进行编码，而不会对查询参数进行编码。encodeURI只会对空格、双引号、尖括号等少量特殊字符进行编码，因此它更适合用于对整个URL中的路径部分进行编码。

示例：

const url = 'http://example.com/search?q=hello world';
const encodedUri = encodeURI(url);
// 输出：http://example.com/search?q=hello%20world

总结：

如果需要对完整的URL进行编码，包括查询参数部分，应使用encodeURIComponent函数。

如果只需要对URL中的路径部分进行编码，而不包括查询参数，可以使用encodeURI函数。

感谢您的阅读，欢迎参观我的个人网站：小嗨词典【 https://www.happydict.cn】