浏览器编码函数escape(),encodeURI(),encodeURIComponent()的区别

浏览器编码函数escape(),encodeURI(),encodeURIComponent()的区别

1、escape()
escape()是js编码函数中最古老的一个。实际上，escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如“你好”的返回结果是"%u4F60%u597D"。无论网页的原始编码是什么，一旦被Javascript编码，就都变为unicode字符。也就是说，Javascipt函数的输入和输出，默认都是Unicode字符。

javascript:escape("你好");
//输出 "%u4F60%u597D"
解码
javascript:unescape("%u4F60%u597D");
//输出 "你好"

2、encodeURI()
encodeURI是对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号“; / ? : @ & = + $ , #”，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%,需要注意的是，它不对单引号’编码。

encodeURI("https://mp.csdn.net?=k=hello world");
//输出 "https://mp.csdn.net?=k=hello%20world"

它对应的解码函数是decodeURI()。

decodeURI("https%3A//mp.csdn.net/mdeditor%23Markdown_2");
//输出 "https://mp.csdn.net?=k=hello world"

3、encodeURIComponent()
与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。因此，“; / ? : @ & = + $ , #”，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码，所以encodeURIComponent()相比encodeURI()要更加彻底。至于具体的编码方法，两者是一样。

encodeURIComponent("https://mp.csdn.net?=k=hello world");
//输出 "https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world"

它对应的解码函数是decodeURIComponent()。

decodeURIComponent("https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world");
//输出 "https://mp.csdn.net?=k=hello world"