decodeURIComponent()函数和encodeURIComponent() 函数用法

1、encodeURIComponent()函数

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。
其他字符（比如 ：;/??&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

encodeURIComponent('https://blog.csdn.net/z1324402468/article/details/88817549')
//"https%3A%2F%2Fblog.csdn.net%2Fz1324402468%2Farticle%2Fdetails%2F88817549"
encodeURIComponent("*()!_'.")
//"*()!_'."

2、decodeURIComponent() 函数

decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

decodeURIComponent('https://blog.csdn.net/z1324402468/article/details/88817549')
//"https://blog.csdn.net/z1324402468/article/details/88817549"

3、encodeURI() 函数

encodeURI() 函数可把字符串作为 URI 进行编码。
其中的某些字符将被十六进制的转义序列进行替换。

注意：如果 URI 组件中含有分隔符，比如 ? 和 #，则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

encodeURI("http://www.w3school.com.cn/df/sdf/^%")
//"http://www.w3school.com.cn/df/sdf/%5E%25"

4、decodeURI() 函数

decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。

decodeURI("http://www.w3school.com.cn/df/sdf/%5E%25")
//"http://www.w3school.com.cn/df/sdf/^%"

encodeURIComponent()函数与encodeURI() 函数主要区别是，encodeURIComponent可以对URI中一些特殊的分隔符进行编码，而encodeURI却不能。