JavaScript的加密方法encodeURI() & encodeURIComponent()全攻略

前端

2023-05-16 23:21:29

使用JavaScript中的encodeURI()和encodeURIComponent()函数对URI进行编码

理解encodeURI()和encodeURIComponent()函数

JavaScript中的encodeURI()和encodeURIComponent()函数是用于对URI进行编码的强大工具，使它们适合在URL中使用。这些函数有助于避免与特殊字符和空格等无法正常解析的问题。

encodeURI()函数

encodeURI()函数专用于对整个URI进行编码，涵盖参数、路径和哈希。它将所有非字母数字字符转换为编码序列，包括冒号、正斜杠、问号和井号。空格也转换为"%20"。

encodeURIComponent()函数

encodeURIComponent()函数专注于对URI的特定组件进行编码，例如参数或路径。与encodeURI()类似，它对非字母数字字符进行编码，但会保留某些特殊字符，例如冒号和正斜杠。同样，空格转换为"%20"。

何时使用这些函数

encodeURI()函数：

对包含特殊字符的完整URI进行编码。
对包含空格的完整URI进行编码。

encodeURIComponent()函数：

对包含特殊字符的URI组件进行编码。
对包含空格的URI组件进行编码。

示例代码

// 对整个URI进行编码
const encodedURI = encodeURI("https://www.example.com/path/to/file?query=string");
console.log(encodedURI); // 输出："https://www.example.com/path/to/file?query=string"

// 对URI组件进行编码
const encodedURIComponent = encodeURIComponent("query=string");
console.log(encodedURIComponent); // 输出："query%3Dstring"

// 解码已编码的字符串
const decodedURI = decodeURI(encodedURI);
console.log(decodedURI); // 输出："https://www.example.com/path/to/file?query=string"

const decodedURIComponent = decodeURIComponent(encodedURIComponent);
console.log(decodedURIComponent); // 输出："query=string"