前端 js 编码和解码字符串

1 escape（对应解码unescape）

escape("哈哈")
escape("Visit W3School!");
escape("?!=()#%&");

输出结果：

%u54C8%u54C8
Visit%20W3School%21
%3F%21%3D%28%29%23%25%26

 

2 encodeURI（对应解码decodeURI）

encodeURI("http://www.w3school.com.cn");
encodeURI("http://www.w3school.com.cn/My first/");
encodeURI(",/?:@&=+$#");

输出结果：

http://www.w3school.com.cn
http://www.w3school.com.cn/My first/
,/??&=+$#

对整个URL进行编码，而URL的特定标识符不会被转码。

3 encodeURIComponent（对应解码decodeURIComponent）

encodeURIComponent("http://www.w3school.com.cn");
encodeURIComponent("http://www.w3school.com.cn/p 1/");
encodeURIComponent(",/?:@&=+$#");

输出结果：

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

对URL中的参数进行编码，因为参数也是一个URL，如果不编码会影响整个URL的跳转。

三个的共同点：

不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

三个的不同点：

unescape ：除上述其他全部编码（现在貌似不提倡使用，最早的，而且不是直接对url转码）

encodeURI：URL中（用于分隔组件的）的某些特殊字符不会编码，其他编码

encodeURIComponent:URL中（用于分隔组件的）的某些特殊字符编码，其他也编码