JavaScript中escape,encodeURI, encodeURIComponent的区别

escape/unescape

escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。

该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。其他所有的字符都会被转义序列替换。

unescape()解码。

需要注意的是,ECMAScript v3 反对使用escape/unescape,应用使用 encodeURI() 和 encodeURIComponent() 替代它。

encodeURI/decodeURI

encodeURI() 函数可把字符串作为 URI 进行编码。

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

该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#

decodeURI()解码。

encodeURIComponent/decodeURIComponent

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

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

其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

decodeURIComponent()解码

总的来说,三者的区别在于:

1.escape/unescape用于对字符串进行解码编码(不推荐)。

2.encodeURI/decodeURI用于对 URI进行完整的编码。

3.encodeURIComponent/decodeURIComponent用于对URI 组件进行编码。也就是说常用来编码URI参数。


例子:

1.URL中包含中文:www.你好.com

encodeURI('http://www.你好.com') 结果为"http://www.%E4%BD%A0%E5%A5%BD.com"

encodeURIComponent('http://www.你好.com')结果"http%3A%2F%2Fwww.%E4%BD%A0%E5%A5%BD.com" 

可见encodeURIComponent会编码所有的URL保留字,所以不适合编码URL

2.URL参数的值包含URL保留字:http://www.我.com?a=?,想把a=?传给服务器

encodeURI('http://www.你好com?a=?')结果为"http://www.%E4%BD%A0%E5%A5%BDcom?a=?",这种情况服务器收到a的值为空,因为?是URL保留字。

encodeURI('http://www.你好.com') + '?a=' + encodeURIComponent('?')结果为"http://www.%E4%BD%A0%E5%A5%BD.com?a=%3F"这种情况服务器收到a的值为?。

再次说明,encodeURI/decodeURI用于对 URI进行编码,encodeURIComponent适用于URI参数编码。

你可能感兴趣的:(JavaScript中escape,encodeURI, encodeURIComponent的区别)