JavaScript URL编码函数详解：escape、encodeURI与encodeURIComponent的区别

JavaScript URL编码函数概述

针对变量值的URL编码，推荐使用encodeURIComponent()函数，该函数适用于GET和POST请求参数的传递。

JavaScript提供了三种对URL字符串进行编码的方法：escape()、encodeURI()以及encodeURIComponent()，它们各自的功能和适用范围不同。

escape()方法详解

escape()方法采用ISO Latin字符集对指定字符串进行编码。所有空格符、标点符号、特殊字符以及其他非ASCII字符都会被转换为%xx格式的字符编码，其中xx代表该字符在字符集表中的16进制编码值。例如，空格符对应的编码为%20。

escape()方法不会编码以下字符：@、*、/、+。

encodeURI()方法详解

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

encodeURI()方法不会编码以下字符：!、@、#、$、&、*、(、)、=、:、/、;、?、+、'。

encodeURIComponent()方法详解

encodeURIComponent()方法同样将URI字符串采用UTF-8编码格式转化为escape格式的字符串。与encodeURI()相比，它会对更多字符进行编码，例如/等字符。因此，如果字符串包含URI的多个部分，不应使用此方法进行编码，否则/字符被编码后会导致URL显示错误。

encodeURIComponent()方法不会编码以下字符：!、*、(、)、'。

中文字符串编码策略

对于中文字符串，如果希望保持原页面和目标页面的charset一致，无需转换为UTF-8格式，可直接使用escape()。若页面编码为GB2312或其他编码，而接收参数的页面为UTF-8编码，则应使用encodeURI()或encodeURIComponent()。