第一种：escape 和 unescape

escape()不能直接用于URL编码，它的真正作用是 返回一个字符的Unicode编码值

它的具体规则是，除了ASCII字母、数字、标点符号"@ * _ + - . /"以外，对其他所有字符进行编码。在u0000到u00ff之间的符号被转成%xx的形式，其余符号被转成%uxxxx的形式。对应的解码函数是unescape()。

还有两个点需要注意：

1. 首先，无论网页的原始编码是什么，一旦被Javascript编码，就都变为unicode字符。也就是说，Javascipt函数的输入和输出，默认都是Unicode字符。这一点对下面两个函数也适用。
2. 其次， escape()不对 "+" 编码 。但是我们知道，网页在提交表单的时候，如果有空格，则会被转化为+字符。服务器处理数据的时候，会把+号处理成空格。所以，使用的时候要小心。

escape()编码：
const time = 2022-01-09
const tile = '63元黑糖颗粒固饮'
let url = "http://localhost:8080/index.html?time="+escape(time)+"&title="+escape(tile)
地址栏显示结果：
    "http://localhost:8080/index.html?time=2022-01-09&title=63%u5143%u9ED1%u7CD6%u9897%u7C92%u56FA%u996E"

unescape（）解码：
let url = "http://localhost:8080/index.html?time="+unescape(2022-01-09)+"&title="+unescape(63%u5143%u9ED1%u7CD6%u9897%u7C92%u56FA%u996E)
地址栏显示结果：
   "http://localhost:8080/index.html?time=2022-01-09&title=63元黑糖颗粒固饮"

第二种：encodeURI 和 decodeURI

encodeURI()是Javascript中真正用来对URL编码的函数。

它用于对URL的组成部分进行个别编码，除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%，，然后用十六进制的转义序列（形式为%xx）对生成的 1 字节、2 字节或 4 字节的字符进行编码。
它对应的解码函数是decodeURI()

需要注意的是，它 不对单引号'编码 。

let url = "http://localhost:8080/index.html?time=2022-01-09&title=63元黑糖颗粒固饮"
encodeURI（）编码：
let encodeURI_url = encodeURI(url) = "http://localhost:8080/index.html?time=2022-01-09&title=63%E5%85%83%E9%BB%91%E7%B3%96%E9%A2%97%E7%B2%92%E5%9B%BA%E9%A5%AE"
decodeURI（）解码：
decodeURI（encodeURI_url ）= “http://localhost:8080/index.html?time=2022-01-09&title=63元黑糖颗粒固饮”
第三种：encodeURIComponent 和 decodeURIComponent
 
与encodeURI()的区别是，它用于对整个URL进行编码。"; / ? : @ & = + $ , #"，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。
 它对应的解码函数是decodeURIComponent()。
 
let url = "http://localhost:8080/index.html?time=2022-01-09&title=63元黑糖颗粒固饮"
encodeURIComponent （）编码：
let encodeURIComponent _url = encodeURIComponent (url) = http%3A%2F%2Flocalhost%3A8080%2Findex.html%3Ftime%3D2022-01-09%26title%3D63%E5%85%83%E9%BB%91%E7%B3%96%E9%A2%97%E7%B2%92%E5%9B%BA%E9%A5%AE
decodeURIComponent（）解码：
decodeURIComponent（encodeURIComponent _url ）= “http://localhost:8080/index.html?time=2022-01-09&title=63元黑糖颗粒固饮”
				
1. escape() 不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如“春节”的返回结果是%u6625%u8282,escape()不对”+”编码主要用于汉子编码，现在已经不提倡使用了。
2. encodeURI()是javascript中真正用来对URL编码的函数。编码整个URL地址，但对特殊含义的符号”;/?:@&=+$,#”，也不进行编码。对应的解码函数是decodeURI()。
3. encodeURIComponent()能编码”;/?:@&=+$,#”这些特殊字符。对应的解码函数decodeURIComponent()。假如要传递带&符号的网址，所以
它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。
需要注意的是，它不对单引号’编码。
encodeURIComponent和decodeURIComponent（推荐使用）
它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。
因此，"; /
				
这个时候，出现了encodeURIComponent、decodeURIComponent，它可以完全的对URL进行编码解码，但是遇到例如搜索引擎用到的部分转码，又摸不到门了，没问题，PHP官方出了一个解决方案：  代码如下: decodeURIComponent((str + ”).replace(/\+/g, ‘ ’));  他可以完美的对搜索引擎的地址进行解码，因为搜索引擎只习惯对”空格“进行转码。忘了说还习惯对中文进行转码。。。 那以上所有的方案遇到中文就崩溃了，是的，我也崩溃了，即是部分编码，又是中文。。这让我情何以堪。。。 查了很久可以，不多说你懂的。。。  代码如下: <sc
encodeURI(“//www.jb51.net?a=-_.!~*'();/?:@&=+$,#”)
“//www.jb51.net?a=-_.!~*'();/?:@&=+$,#”
encodeURIComponent() （解码为：decodeURIComponent() ）：不会转义的字符： – _ . ! ~ * ‘ ( )
encodeURIComponent(“//www.jb51.net?a=-_
				
如果不想在url中看到有明文，比如http://localhost:8080/template_1/login.action?user=张三 可以使用js的encodeURI的URLDecoder.decode一起使用一起来把url加密下 (1)JS在页面上把数据var val = encodeURI(encodeURI(“要传到服务器端的是值”)); //调用2次encodeURI href=”<%=basePath%>recordManager/test_js_decodeURI.action?params=”+val (2)服务器端这样  代码如下: HttpServletRequest
				
在前端进行URL解码可以使用JavaScript中的decodeURIComponent()函数。这个函数可以将URL编码的字符串解码为原始字符串。
例如，假设我们有一个URL编码的字符串："%E4%BD%A0%E5%A5%BD%20%E4%B8%96%E7%95%8C"，表示"你好 世界"。我们可以使用decodeURIComponent()函数解码它：
```javascript
var encodedString = "%E4%BD%A0%E5%A5%BD%20%E4%B8%96%E7%95%8C";
var decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // 输出: 你好 世界
decodeURIComponent()函数可以将特殊字符和其他编码字符还原为它们原来的形式，使得我们能够正确地处理URL中的各种参数和数据。