encodeURIComponent用于编码URI单个组件，保留A-Z、a-z、0-9及-_.!~*'()，空格编码为%20，/?:@#等均被转义，中文按UTF-8字节编码；不可用于整个URL，应仅编码参数值。
JavaScript中encodeURIComponent用于对URL组件进行编码，它遵循URI编码规范（RFC 3986），只保留字母、数字和部分安全符号（- _ . ! ~ * ' ( )），其余字符（包括中文、空格、斜杠/、问号?、井号#等）都会被转义为%XX格式的UTF-8字节序列。
encodeURIComponent 编码规则的核心特点
它针对的是“URI中的单个组件”（如查询参数值、路径片段），不是整个URL。因此：
- 不编码：
A-Z a-z 0-9 - _ . ! ~ * ' ( ) - 编码空格为
%20（不是+，这点区别于encodeURI和表单提交） - 编码斜杠
/、问号?、井号#、冒号:、at符@等——因为这些在URI中具有语法意义，若出现在参数值里必须转义，否则会破坏URL结构 - 中文、emoji、全角符号等统一按UTF-8编码后逐字节转义（例如
你好→%E4%BD%A0%E5%A5%BD）
常见误用场景与正确做法
直接对整个URL调用encodeURIComponent会导致协议、域名、路径分隔符被错误转义，使URL失效：
- ❌ 错误：
encodeURIComponent("https://api.com/user?id=1&name=张三")→ 结果不可访问 - ✅ 正确：仅编码参数值：
"https://api.com/user?id=1&name=" + encodeURIComponent("张三") - ✅ 或使用URL构造方式：
new URL("https://api.com/user").searchParams.set("name", "张三")
与 encodeURI 的关键区别
二者目标不同，不能混用：
立即学习“Java免费学习笔记（深入）”；
-
encodeURI：用于编码完整URI，保留/ ? # : @ & = + $ ,等URI结构符，适合编码整个URL字符串（但仍有风险，推荐用URL类） -
encodeURIComponent：用于编码URI中某一部分（如查询参数值、路径段），更严格，连/ ? #都编码，安全性更高 - 举例：
encodeURI("a/b?c=d")→"a/b?c=d"（不变）；而encodeURIComponent("a/b?c=d")→"a%2Fb%3Fc%3Dd"
处理特殊字符与解码注意事项
编码后的字符串必须用decodeURIComponent解码，不能用decodeURI（后者不会处理%2F这类被encodeURIComponent编码的字符）：
- 编码：
encodeURIComponent("user/张三?age=25")→"user%2F%E5%BC%A0%E4%B8%89%3Fage%3D25" - 解码：
decodeURIComponent("user%2F%E5%BC%A0%E4%B8%89%3Fage%3D25")→"user/张三?age=25" - 若用
decodeURI解码上述结果，会保留%2F和%3F，导致还原失败
