1、 decodeURIComponent 与 encodeURIComponent
1.1、decodeURIComponent 解码字符
功能： 解码由 encodeURIComponent 方法或者其它类似方法编码的标识符，一般用于解码标识符为中文。
Demo:
let encodeStr = encodeURIComponent('中文')console.log(encodeStr) // "%E4%B8%AD%E6%96%87"
let decodeStr = decodeURIComponent(encodeStr)
console.log(decodeStr) // "中文"
1.2、encodeURIComponent 编码字符
功能： 把字符串作为 URI 组件进行编码Demo:
var uri="李先生&car=abc";
document.write(encodeURIComponent(uri)); //%E6%9D%8E%E5%85%88%E7%94%9F%26car%3Dabc
2、decodeURI 与 encodeURI
2.1、encodeURI 函数可把字符串作为 URI 进行编码。
注意： 对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的： , / ? : @ & = + $ #(可以使用 encodeURIComponent() 方法分别对特殊含义的 ASCII 标点符号进行编码。)。空格转化为%20
Demo:
var uri="my test.php?name=陈先生&car=saab";console.log(encodeURI(uri)); // my%20test.php?name=%E9%99%88%E5%85%88%E7%94%9F&car=saab
2.2、decodeURI 函数可对 encodeURI() 函数编码过的 URI 进行解码。
功能： 可对 encodeURI() 函数编码过的 URI 进行解码Demo:
var uri="my test.php?name=陈先生&car=saab";
var encodeUri = encodeURI(uri);
var decodeUri = decodeURI(encodeUri );
console.log( decodeUri ); // my test.php?name=陈先生&car=saab
3、decodeURI与decodeURIComponent区别
encodeURI()主要用于整个URI(例如，http://www.jxbh.cn/illegal value.htm)， encode-URIComponent()主要用于对URI中的某一段(例如前面URI中的illegal value．htm)进行编码
encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号、等号和井号； encodeURIComponent()则会对它发现的任何非标准字符进行编码。
var uri="http://www.jxbh.cn/illegal?name=李 ";console.log(encodeURI(uri)); // 不对 冒号、正斜杠、问号、等号和井号 编码
//http://www.jxbh.cn/illegal?name=%E6%9D%8E%20
console.log( encodeURIComponent(uri)); // 对 冒号、正斜杠、问号、等号和井号 编码
//http%3A%2F%2Fwww.jxbh.cn%2Fillegal%3Fname%3D%E6%9D%8E%20
在实践中更常见的是对查询字符串参数而不是对基础URL进行编码，因此decodeURIComponent用的比decodeURI要多。
参考链接：https://www.cnblogs.com/hamsterPP/p/7131163.html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yiyueqinghui/article/details/111246377