javascript encodeURI和encodeURIComponent的比较

在JavaScript中，我们经常需要对URL进行编码，以便于在不同的环境下传输和处理数据。JavaScript提供了两种对URL进行编码的方法：encodeURI和encodeURIComponent。

encodeURI

encodeURI方法用于对整个URL进行编码，但是不会对特殊字符（如"/"、"."、"?"、"#"、":"、";"等）进行编码，因为它们在URL中具有特殊的含义。

示例1：使用encodeURI编码URL

const url = "http://www.example.com/search?q=JavaScript&limit=100";
const encodedUrl = encodeURI(url);

console.log(encodedUrl);
// 输出：http://www.example.com/search?q=JavaScript&limit=100

上面的示例中，encodeURI方法并没有对URL中的"?"、"&"等特殊字符进行编码，因为它们在URL中具有特殊的含义。

encodeURIComponent

encodeURIComponent方法则用于对URL中的特殊字符（如"?"、"&"等）进行编码，以保证它们不会被解析为URL中的分隔符。

示例2：使用encodeURIComponent编码查询字符串

const query = "JavaScript: The Definitive Guide";
const encodedQuery = encodeURIComponent(query);

console.log(encodedQuery);
// 输出：JavaScript%3A%20The%20Definitive%20Guide

在上面的示例中，encodeURIComponent方法将查询字符串中的冒号和空格进行了编码，将它们转换为了"%3A"和"%20"，以保证它们不会被解析为URL中的分隔符。

需要注意的是，使用encodeURIComponent方法对URL进行编码时，应该对URL中的每一个参数都进行编码。示例1中使用encodeURI方法编码整个URL，是因为URL中的特殊字符都在查询字符串中，而这些特殊字符并不会被转义，因此可以直接使用encodeURI方法对整个URL进行编码。