一、简单解释

简单来说,escape是对字符串(string)进行编码,而另外两种是对URL,作用是让它们在所有电脑上可读。编码之后的效果是%xx或者%uxxx这种形式。
其中ASCII字母,数字,@*/+这几个字符不会被编码,其余的都会。
Tips:当你需要对URL编码时,请忘记这个方法,这个方法是针对字符串使用的,不适用于URL。

二、encodeURI和encodeURIComponent

对URL编码是常见的事,所以这两个方法应该是实际中要特别注意的。
  它们都是编码URL,唯一区别就是编码的字符范围,其中
  encodeURI方法不会对下列字符编码 ASCII字母、数字、~!@#$&()=:/,;?+’
  encodeURIComponent方法不会对下列字符编码 ASCII字母、数字、~!
()’
也就是encodeURIComponent编码的范围更广,会将http://XXX中的//也编码,会导致URL不可用。(其实java中的URLEncoder.encode(str,char)也类似于这个方法,会导致URL不可用)

三、简单使用

3-1.编码中文

  1. var param= "中文";
  2. console.log(escape(param));
  3. console.log(encodeURI(param));
  4. console.log(encodeURIComponent(param));

image.png

3-2.encodeURI和encodeURIComponent编码URL

  1. var url = "http://localhost:85/Exam/settingAction_saveSettings.action?safeHatNumLength=测试";
  2. console.log(encodeURI(url));
  3. console.log(encodeURIComponent(url));

image.png

四、使用场景

1、如果只是编码字符串,不和URL有半毛钱关系,那么用escape,而且这个方法一般不会用到。
2、如果你需要编码整个URL,然后需要使用这个URL,那么用encodeURI。
3、当你需要编码URL中的参数的时候,那么encodeURIComponent是最好方法。