在JavaScript中，处理URI（统一资源标识符）的时候，常常需要对URI进行编码和解码操作。为此，JavaScript提供了四个非常重要的全局函数：encodeURI、encodeURIComponent、decodeURI和decodeURIComponent。它们的主要作用是对URI进行编码和解码，以确保其在传输过程中的正确性。下面将逐一介绍这四个函数的作用和用法，并提供相应的代码示例。
1. encodeURI
encodeURI函数用于对整个URI进行编码。它会编码URI中不安全的字符，同时保留URI的结构和特殊字符（如:、/、?、&、=等）。这意味着如果URI中包含可用于分割或标识资源的字符，encodeURI不会对这些字符进行编码。
示例代码：
let uri = "https://www.example.com/test?name=张三&age=25";
let encodedURI = encodeURI(uri);
console.log(encodedURI); // 输出: https://www.example.com/test?name=%E5%BC%A0%E4%B8%89&age=25
在这个例子中，张三被编码成了%E5%BC%A0%E4%B8%89，而问号?和等号=保持不变，因为它们是URI的结构分隔符。
2. encodeURIComponent
encodeURIComponent函数用于对URI的组成部分进行编码。与encodeURI不同，encodeURIComponent会编码所有的字符，包括那些在URI中起特殊作用的字符，比如:、/、?、&、=等。
示例代码：
let paramName = "name";
let paramValue = "张三";
let encodedParam = encodeURIComponent(paramName) + "=" + encodeURIComponent(paramValue);
console.log(encodedParam); // 输出: name=%E5%BC%A0%E4%B8%89
在这个例子中，name和张三都被进行了编码，确保它们的传输不受影响。
3. decodeURI
与encodeURI对应的是decodeURI。该函数用于解码由encodeURI编码的URI。它能够将编码后的URI还原为原始字符串，但不会对某些保留字符进行解码。
示例代码：
let encodedURI = "https://www.example.com/test?name=%E5%BC%A0%E4%B8%89&age=25";
let decodedURI = decodeURI(encodedURI);
console.log(decodedURI); // 输出: https://www.example.com/test?name=张三&age=25
4. decodeURIComponent
同样地，decodeURIComponent是与encodeURIComponent对应的解码函数。它可以将由encodeURIComponent编码的字符串解码，并会对所有编码字符进行解码。
示例代码：
let encodedParam = "name=%E5%BC%A0%E4%B8%89";
let decodedParam = decodeURIComponent(encodedParam);
console.log(decodedParam); // 输出: name=张三
小结
在Web开发中，处理URL和查询字符串时，编码和解码是非常重要的操作。encodeURI和decodeURI适用于对整个URI的处理，而encodeURIComponent和decodeURIComponent则适用于对URI中具体参数的处理。掌握这四个函数的用法，可以帮助开发者在进行数据传输时避免常见的错误，提高程序的健壮性与安全性。
