【总结】Javascript中escape_encodeURI_encodeURIComponent_区别和各自的使用场合

知识，永远没有准备完备的时候，可以边做边捡。

做事，永远没有万事具备的时候，可以边做边学。

这样，经验也有了价值。时间价值。

 

今天又碰到了这个细节问题。虽然知道这几个函数可以解决，但用哪个，怎么用，何时用，还得搞清楚。

 

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

 

异同点总结：

  

escape() 方法：
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。unescape方法与此相反。

不会被此方法编码的字符： @ * / +

提示：可以使用unescape() 对 escape() 编码的字符串进行解码。 
注：ECMAScript v3 反对使用该方法，应用使用decodeURI() 和 decodeURIComponent()替代它。

 

encodeURI() 方法：
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '

（可以看出上面标注的符号都是链接里使用的特殊分隔符）

提示：可以使用decodeXXX进行解码。

 

encodeURIComponent() 方法：
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符：! * ( )

提示：可以使用decodeXXX进行解码。

 

    对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

    另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。

  

小结：

上面讲了这么多，我是晕了，得总结个方法。而最好的方法就是理解，用理解其原理和实质，来解放大脑。

#编码不同

  escape 是iso-latin编码

  encodeXXX，是utf-8编码

  也就是说：escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下 escape，encodeURI，encodeURIComponent编码结果相同

 

#编码结果格式相同

  从上面的分析可以看出，其最终的结果都是转化为escape格式的字符串

 

#编码的对象不同

  这3者都不对ascii字符和数字编码（要是编码就属于吃饱了撑着）

escape不编码字符有69个：*，+，-，.，/，@，_

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~ 

  从上面可以看出：

  escape不编码的字符属于js运算特殊字符和命名规范的特殊字符，编码的字符数最多

  encodeURI在escape上退了一步，不对URI本身的特殊字符编码，也就是说一个URI经过此编码，仍然可用

  encodeURIComponent在encodeURI上进了一步，对URI本身的特殊字符也编码

 

  在精简一点来说：

  对encodeXXX，从命名上就知道，其就是用来对URI编码的，前者使得编码后的URI仍然可用，后者不行；

  对escape，从命名就知道，其目的在于转义js代码，目的不在于URI编码，所以需要URI编码的就别用了；

如果还不理解，就再精简成一句话吧：

  实际工作中，80%以上的场景用encodeURIComponent，偶尔会需要encodeURI，基本不会用到escapse。

 

从设计的角度来理解：

escape则在javascript1.0版本就有；

encodeURI/encodeURIComponent是在javascript1.5之后引进的；

很明显，这就是语言和方法的发展和补丁，太像我们平时的接口升级了。

 

发展历史推测：

  最开始的1.0版本，就只有对js代码转义的需求，互联网和URI还处于“原始”社会。

  随着network的发展，对URI编码有了需求，就加了encodeURI方法，可见其目的啊！

  但上面的方法有漏洞，比如某个参数比如name=值，这个值就是URI的特殊字符。此时encodeURIComponent诞生了，其就是个补丁。

 

 有了上面的总结，应用场景，应该了然于胸了。

1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                            
例如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u= +encodeURIComponent("http://cang.baidu.com/bruce42")+">退出</a>');</script> 

2、   进行url跳转时可以整体使用encodeURI 
例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21"); 

3、   js使用数据时可以使用escape 
例如：搜藏中history纪录。 

 

参考：

http://shijian0306.iteye.com/blog/241264

http://blog.csdn.net/wxwzy738/article/details/7710288

http://hi.baidu.com/meback/item/a1fa5343f5f7ecab60d7b97d

http://www.dewen.org/q/238

 

 

pp

pp

==

qq

qq