【JavaScript编程】encodeURI和encodeURIComponent的区别

一、encodeURI

encodeURI函数主要用于编码整个URL。当URL中包含非ASCII字符、空格或其他在URL中有特殊意义的字符时，可以使用encodeURI进行编码。下面是一个使用encodeURI的例子：

// 假设有一个URL
var url = "https://www.example.com/index.html?name=John Doe";
// 使用encodeURI进行编码
var encodedUrl = encodeURI(url);
console.log(encodedUrl); // 输出编码后的URL：https://www.example.com/index.html?name=John%20Doe

在这个例子中，encodeURI会将URL中的非ASCII字符、空格等进行编码，但URL中的元字符（如冒号（:）、斜杠（/）、问号（?）等）不会被编码。

二、encodeURIComponent

encodeURIComponent函数主要用于编码URL的某个特定部分，如查询参数或路径段。它会编码所有的非字母数字字符，包括URL中的元字符。如果你想编码URL的一部分，而不是整个URL，应该使用encodeURIComponent。下面是一个使用encodeURIComponent的例子：

// 假设有一个URL的一部分
var partOfUrl = "/index.html?name=John Doe";
// 使用encodeURIComponent进行编码
var encodedPartOfUrl = encodeURIComponent(partOfUrl);
console.log(encodedPartOfUrl); // 输出编码后的URL部分：%2Findex.html%3Fname%3DJohn%20Doe

在这个例子中，encodeURIComponent会将URL部分中的所有非字母数字字符进行编码，包括URL中的元字符。
总的来说，选择encodeURI还是encodeURIComponent取决于你的具体需求。如果你需要编码整个URL，那么你应该使用encodeURI。如果你只需要编码URL的一部分，那么你应该使用encodeURIComponent。

三、解码

1. decodeURI

   decodeURI函数用于解码整个URL。如果你之前使用了encodeURI对一个URL进行了编码，那么你可以使用decodeURI来将其解码回原始状态。

2. decodeURIComponent

   decodeURIComponent函数用于解码URL的某个特定部分，如查询参数或路径段。如果你之前使用了encodeURIComponent对这些部分进行了编码，那么你可以使用decodeURIComponent来将其解码回原始状态。