javascript - escape(), encodeURI(), encodeURIComponent() 的区别

Question

在 JavaScript 中，这些有什么区别？

1. 转义()/unescape()
2. encodeuri()/decodeuri()
3. encodeURIComponent()/decodeURIComponent()

Answer 1

对于有视觉头脑的人，这里有一个表格显示了 encodeURI()、encodeURIComponent() 和 escape() 对常见问题的影响- 使用符号 ASCII 字符:

Char  encUrI  encURIComp  escape
*     *       *           *
.     .       .           .
_     _       _           _
-     -       -           -
~     ~       ~           %7E
'     '       '           %27
!     !       !           %21
(     (       (           %28
)     )       )           %29
/     /       %2F         /
+     +       %2B         +
@     @       %40         @
?     ?       %3F         %3F
=     =       %3D         %3D
:     :       %3A         %3A
#     #       %23         %23
;     ;       %3B         %3B
,     ,       %2C         %2C
$     $       %24         %24
&     &       %26         %26
      %20     %20         %20
%     %25     %25         %25
^     %5E     %5E         %5E
[     %5B     %5B         %5B
]     %5D     %5D         %5D
{     %7B     %7B         %7B
}     %7D     %7D         %7D
<     %3C     %3C         %3C
>     %3E     %3E         %3E
"     %22     %22         %22
\     %5C     %5C         %5C
|     %7C     %7C         %7C
`     %60     %60         %60

另一个重要区别是 unescape() 不处理多字节 UTF-8 序列，而 decodeURI[Component]() 可以:

decodeURIComponent("%C3%A9") == "é"
unescape("%C3%A9") == "é"