关于js中的 escape() 、 encodeURI() 、 encodeURIComponent()函数详解

最新推荐文章于 2025-07-01 07:00:00 发布

宋哈哈

最新推荐文章于 2025-07-01 07:00:00 发布

阅读量606

点赞数

CC 4.0 BY-SA版权

分类专栏：前端--基础项目中遇到的小问题有用的代码总结

本文链接：https://blog.youkuaiyun.com/qq_40028324/article/details/83627551

前端--基础同时被 3 个专栏收录

94 篇文章

订阅专栏

项目中遇到的小问题

70 篇文章

订阅专栏

有用的代码总结

68 篇文章

订阅专栏

本文深入解析JavaScript中的escape(), encodeURI(), encodeURIComponent()三个编码函数的区别与应用场景。从历史沿革到编码规则，再到实际案例，全面阐述如何正确选择和使用这些函数以避免URL参数传递过程中的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先看一下这三个函数在js版本中出现的时间

escape() javascript 1.0
encodeURI() javascript 1.5
encodeURIComponent() javascript 1.5

escape() : 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都会转化成%xx格式的字符编码（xx代表此字符在字符集表里编码的16进制数字）。比如，空格符的对应编码是%20。不会对ASCII字符和数字进行编码。不会被此方法编码的字符：@ * / +，反向编码函数：unescape()。

encodeURI()：把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符：! @ # $ & ( ) = ： / ; ? + '，反向编码函数：decodeURI()。

encodeURIComponent()：把URI字符串采用URF-8编码格式转化成escape格式的字符串。与encodeURI相比，这个函数会将更多的字符进行编码，比如"/"等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个来进行编码。否则“/”字符被编码后将URL显示错误。不会被此方法编码的字符：! * ( )，反向编码函数：decodeURIComponent()。

然后介绍一下三个函数的使用场景：

escape()函数用于js对字符串进行编码。不常用
encodeURI()用于整个url跳转
encodeURIComponent()用于参数的传递，参数包含特殊字符可能会造成间断

然后我今天遇到一个需求，上游页面通过url来到我的页面后会传递一个加密后的参数。我需要取出来，然后传递给我们的服务端。但是取出来之后里边的一些字符就自动转换了，比如里边多了一些等于号=，加号+。然后这时候我需要把取到的query再经过encodeURIComponent（）函数处理一下，才能得到最开始的url中的参数的格式。然后再写别的逻辑就没问题了。