escape encodeURI encodeURIComponent的使用和区别

编程技术  /  houtizong 发布于 3年前   60

escape(unescape)，encodeURI(decodeURI)和encodeURIComponent(decodeURIComponent)都是用来编（解）码字符以利于在网络上传输和解析。


1. escape

  把特殊字符（不包括 + - * / . _ @）转化成相应的ASCII表示法(%XX)或者Unicode表示法(%uXXXX)

 

  document.write(escape("+-*/._@ '()阳春三月"));  

  输出结果：
  +-*/._@%20%27%28%29%u9633%u6625%u4E09%u6708

  从结果中可以看出，+-*/._@不会被编码，空格转成%20，单引号转成%27，圆括号转成%28和%29，四个汉字用Unicode编码成四个%uXXXX序列。

  如果我们对escape的字符序列再次调用escape：
 

  document.write(escape(escape("+-*/._@ '()阳春三月")));  

  输出结果：
  +-*/._@%2520%2527%2528%2529%25u9633%25u6625%25u4E09%25u6708

  可以看出，escape会编码已经escape过的字符%为%25

 
  调用unescape进行解码：

 

  document.write(unescape(escape(escape("+-*/._@ '()阳春三月"))));  

  输出结果：
  +-*/._@%20%27%28%29%u9633%u6625%u4E09%u6708
 

  再次调用escape进行解码：

 

  document.write(unescape(unescape(escape(escape("+-*/._@ '()阳春三月")))));  

  输出结果：
  +-*/._@ '()阳春三月

  所以在编写代码时，要注意被操作字符序列是否已经escape或unescape过。



2. encodeURI和encodeURIComponent

  和escape类似，不同的是
  a. 它们不会对(' tilde(加在西班牙语n字上的发音符号) ())编码：

 

  document.write(encodeURI("+-*/._@ '()"));  

  输出结果：
  +-*/._@%20'()

  b. 它们编码Unicode字符也不同，输出为：%XX%XX or %XX%XX%XX
 

  document.write(encodeURI("阳春三月"));  

  输出结果：
  %E9%98%B3%E6%98%A5%E4%B8%89%E6%9C%88

  encodeURI把每个中文字符都转成了%XX%XX%XX格式



  3. encodeURI和encodeURIComponent区别：

  encodeURIComponent会编码encodeURI不管的(, / ? : @ & = + $ #)，其中，(+ / @)escape也不闻不问

 

  document.write(encodeURI(",/?:@&=+$#"));  document.write(encodeURIComponent(",/?:@&=+$#"));  

  输出结果：
  ,/?:@&=+$#
  %2C%2F%3F%3A%40%26%3D%2B%24%23


总结：
  escape是元老级的方法，很多浏览器表示都支持，适用于html字符编码
  encodeURI和encodeURIComponent出道较晚，适用于uri字符编码，并且后者对很多URI中可能出现的特殊字符都进行编码