js encode 转码

在JavaScript中，encode通常指的是将字符串或数据转换成一种编码格式，以便于存储、传输或处理。最常见的编码方式有encodeURIComponent和encodeURI。

encodeURIComponent

encodeURIComponent函数用于将URI中的特殊字符进行编码，除了字母、数字以及-_.!~*'()之外的所有字符都会被编码。这个函数通常用于编码URL的组成部分，如查询参数。

示例代码：

let param = "hello world! How are you?";
let encodedParam = encodeURIComponent(param);
console.log(encodedParam); // 输出: hello%20world!%20How%20are%20you%3F

encodeURI

encodeURI函数用于对整个URI进行编码，它会保留某些特殊字符，如冒号、正斜杠、问号和井号，这些字符在URI中有特定的含义。

示例代码：

let uri = "http://example.com/search?q=hello world!";
let encodedURI = encodeURI(uri);
console.log(encodedURI); // 输出: http://example.com/search?q=hello%20world!

应用场景

当你需要构建URL的查询参数时，应该使用encodeURIComponent来确保参数值中的特殊字符不会破坏URL的结构。
当你需要对整个URL进行编码时，应该使用encodeURI，这样可以确保URL中的特殊字符（如冒号、斜杠等）保持不变。

注意事项

使用encodeURIComponent编码查询参数后，需要在服务器端相应的解码操作，通常使用对应的decodeURIComponent函数。
不要对整个URL使用encodeURIComponent，因为这会破坏URL的结构，导致无法正确解析。

解码

与编码相对应，JavaScript提供了decodeURIComponent和decodeURI函数来解码之前编码的字符串。

示例代码：

let encodedParam = "hello%20world!%20How%20are%20you%3F";
let decodedParam = decodeURIComponent(encodedParam);
console.log(decodedParam); // 输出: hello world! How are you?

let encodedURI = "http://example.com/search?q=hello%20world!";
let decodedURI = decodeURI(encodedURI);
console.log(decodedURI); // 输出: http://example.com/search?q=hello world!

在实际应用中，正确地使用这些编码和解码函数对于保证数据传输的正确性和安全性是非常重要的。