javascript中escape()、unescape()、encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()比较

本文主要是介绍javascript中escape()、unescape()、encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()比较，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

encodeURI、encodeURIComponent()、decodeURI()、decodeURIComponent()代替了BOM的escape()和unescape()方法。URI方法更可取，因为它们对所有Unicode符号编码,而BOM方法只能对ASCII符号正确编码。尽量避免使用escape()和unescape()方法。
摘自 javascript advanced book.

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

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纪录就是使用escape编码

4、 escape对0-255以外的unicode值进行编码时输出%u**格式**，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。
此时如果采用escape编码，后端java采用decodeURL解码的话就会报以下的异常

java.lang.IllegalArgumentException: URLDecoder: Illegal hex characters in escape (%) pattern - For input string: "u7"at java.net.URLDecoder.decode(URLDecoder.java:192)at com.neusoft.www.photogallery.controller.PhotosManageController.uploadPhotos(PhotosManageController.java:81)at sun.reflect.GeneratedMethodAccessor371.invoke(Unknown Source)at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)at java.lang.reflect.Method.invoke(Method.java:606)at org.springframework.web.method.support.InvocableHandlerMethod.doInvoke(InvocableHandlerMethod.java:205)at org.springframework.web.method.support.InvocableHandlerMethod.invokeForRequest(InvocableHandlerMethod.java:133)at org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:116)at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.invokeHandlerMethod(RequestMappingHandlerAdapter.java:827)at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:738)at org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapter.handle(AbstractHandlerMethodAdapter.java:85)at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:963)at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:897)at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:970)at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:872)at javax.servlet.http.HttpServlet.service(HttpServlet.java:643)at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:846)at javax.servlet.http.HttpServlet.service(HttpServlet.java:723)at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290)at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)at com.neusoft.filter.CORSFilter.doFilter(CORSFilter.java:23)at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:235)at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103)at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:293)at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:861)

解决办法是前后端采用一直的编码方式。

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

三者都有编码的字符：

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI不编码字符有82个：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
encodeURIComponent不编码字符有71个：!， ‘，(，)，*，-，.，_，~，0-9，a-z，A-Z

unescape 方法
从用 escape 方法编码的 String 对象中返回已解码的字符串。
function unescape(charString : String)

unescape 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的字符都用 ASCII 字符集当中等效的字符代替。以 %uxxxx 格式（Unicode 字符）编码的字符用十六进制编码 xxxx 的 Unicode 字符代替。注意 unescape 方法不应用于解码“统一资源标识符”(URI)。请改用 decodeURI 和 decodeURIComponent 方法。

decodeURI 方法
返回一个已编码的统一资源标识符 (URI) 的非编码形式。
function decodeURI(URIstring : String)

使用 decodeURI 方法代替已经过时的 unescape 方法。
decodeURI 方法返回一个字符串值。
如果 URIString 无效，将发生 URIError。

decodeURIComponent 方法
返回统一资源标识符 (URI) 的一个已编码组件的非编码形式。
function decodeURIComponent(encodedURIString : String)

如果已经使用了escape的前端项目，后端java可以自己写解码的方式（不建议使用）

public class JSCodeUtils {  public static String escape(String src) {  int i;  char j;  StringBuffer tmp = new StringBuffer();  tmp.ensureCapacity(src.length() * 6);  for (i = 0; i < src.length(); i++) {  j = src.charAt(i);  if (Character.isDigit(j) || Character.isLowerCase(j)  || Character.isUpperCase(j))  tmp.append(j);  else if (j < 256) {  tmp.append("%");  if (j < 16)  tmp.append("0");  tmp.append(Integer.toString(j, 16));  } else {  tmp.append("%u");  tmp.append(Integer.toString(j, 16));  }  }  return tmp.toString();  }  public static String unescape(String src) {  StringBuffer tmp = new StringBuffer();  tmp.ensureCapacity(src.length());  int lastPos = 0, pos = 0;  char ch;  while (lastPos < src.length()) {  pos = src.indexOf("%", lastPos);  if (pos == lastPos) {  if (src.charAt(pos + 1) == 'u') {  ch = (char) Integer.parseInt(src  .substring(pos + 2, pos + 6), 16);  tmp.append(ch);  lastPos = pos + 6;  } else {  ch = (char) Integer.parseInt(src  .substring(pos + 1, pos + 3), 16);  tmp.append(ch);  lastPos = pos + 3;  }  } else {  if (pos == -1) {  tmp.append(src.substring(lastPos));  lastPos = src.length();  } else {  tmp.append(src.substring(lastPos, pos));  lastPos = pos;  }  }  }  return tmp.toString();  }  
}  

附注：
对于汉文字符串来说，假如不期望吧字符串编码各式转化为UTF-8各式的（比如原界面和目的界面的charset是一致的时候），只需要应用escape。假如你的页面是GB2312或者更多有联系的编码，而接受参数parameter的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

这篇关于javascript中escape()、unescape()、encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()比较的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---