本文对比了 JavaScript 中三种字符串编码函数：escape、encodeURI 和 encodeURIComponent。escape 会对除 ASCII 字母数字外的字符进行转义，不适合用于 URL 编码；encodeURI 用于编码整个 URI，保留合法字符不被转换；encodeURIComponent 用于编码单个 URIComponent（如请求参数），会转义特殊字符。总结建议对 URL 编码时不使用 escape，而常用 encodeURIComponent 处理参数。
const a1 = 'Visit W3School!';
const b1 = '?!=()#%&'
console.log(escape(a1)); // Visit%20W3School%21
console.log(escape(b1)); // %3F%21%3D%28%29%23%25%26
const a2 = 'Visit%20W3School%21';
const b2 = '3F%21%3D%28%29%23%25%26';
console.log(unescape(a2)); // Visit W3School!
console.log(unescape(b2)); // ?!=()#%&
const a1 = 'http://www.w3school.com.cn/My first/';
const b1 = ',/?:@&=+$#'
console.log((a1));
.((b1));
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
const a2 = 'http://www.w3school.com.cn/My%20first/';
const b2 = ',/?:@&=+$#';
console.log(decodeURI(a2)); // http://www.w3school.com.cn/My first/
console.log(decodeURI(b2)); // ,/?:@&=+$#
const a1 = 'http://www.w3school.com.cn/My first/';
const b1 = ',/?:@&=+$#'
console.log(encodeURIComponent(a1)); // http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F
console.log(encodeURIComponent(b1)); // ,%2C%2F%3F%3A%40%26%3D%2B%24%23
const a2 = 'http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F';
const b2 = '%2C%2F%3F%3A%40%26%3D%2B%24%23';
console.log(decodeURIComponent(a2)); // http://www.w3school.com.cn/My first/
console.log(decodeURIComponent(b2)); // ,/?:@&=+$#
总结：
通过对三个函数的分析，我们知道：escape() 除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对 URL 编码，最好不要使用此方法。而 encodeURI() 用于编码整个 URI，因为 URI 中的合法字符都不会被编码转换。encodeURIComponent 方法在编码单个 URIComponent（指请求参数）应当是最常用的，它可以将参数中的中文、特殊字符进行转义，而不会影响整个 URL。