encodeURI（）和encodeURIComponent（）之间的差异正好是由encodeURIComponent编码的11个字符，而不是由encodeURI编码的：

我在GoogleChrome中使用console.table轻松生成了这个表，代码如下：

var arr=[]；对于（变量i=0；i<256；i++）{var char=字符串.fromCharCode（i）；如果（encodeURI（char）==encodeURIComponent（字符））{arr.push({字符：char，encodeURI:encodeURI（char），encodeURIComponent:encodeURIComponent（char）});}}控制台.桌子（arr）；

还要记住，它们都编码不同的字符集，并适当地选择所需的字符集。encodeURI（）比encodeURIComponent（）编码更少的字符，encodeURIComponent（）比escape（）编码的字符更少（也不同于dannyp的观点）。

@johann echavarria答案的现代改写：

控制台日志(阵列（256）.fill（）.map（（忽略，i）=>String.fromCharCode（i））.过滤器(（字符）=>encodeURI（char）！==encodeURIComponent（字符）? {字符：char，encodeURI:encodeURI（char），encodeURIComponent:encodeURIComponent（char）}：错误))

或者，如果可以使用表，请将console.log替换为console.table（以获得更漂亮的输出）。

只需自己尝试encodeURI（）和encodeURIComponent（）。。。

console.log（encodeURIComponent（'@#$%^&*'））；

输入：@#$%^&*。输出：%40%23%24%25%5E%26*。等等，你怎么了？为什么没有转换？如果您尝试执行linux命令“$string”，这肯定会导致问题。TLDR：您实际上需要fixedEncodeURIComponent（）和fixedEncode URI（）。长话短说。。。

何时使用encodeURI（）？从不encodeURI（）在括号编码方面未能遵守RFC3986。按照MDN encodeURI（）文档中的定义和进一步解释，使用fixedEncodeURI（。。。

函数fixedEncodeURI（str）{return encodeURI（str）.replace（/%5B/g，'['）.replace（/%5D/g，']'）；}

何时使用encodeURIComponent（）？从不encodeURIComponent（）在编码方面未能遵守RFC3986：！'()*. 按照MDN encodeURIComponent（）文档中的定义和进一步解释，使用fixedEncodeURIComponents（）。。。

函数fixedEncodeURIComponent（str）{return encodeURIComponent（str）.replace（/[！'（）*]/g，函数（c）{return“%”+c.charCodeAt（0）.toString（16）；});}

然后，您可以使用fixedEncodeURI（）对单个URL片段进行编码，而fixedEncode URIComponent（）将对URL片段和连接器进行编码；或者，简单地说，fixedEncodeURI（）不会编码+@？=：#；，$&（因为&和+是常见的URL运算符），但fixedEncodeURIComponent（）会。

我建议不要按原样使用这些方法中的一种。编写自己的函数来做正确的事情。

MDN给出了一个很好的url编码示例，如下所示。

var fileName = 'my file(2).txt';
var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName);

console.log(header); 
// logs "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"


function encodeRFC5987ValueChars (str) {
    return encodeURIComponent(str).
        // Note that although RFC3986 reserves "!", RFC5987 does not,
        // so we do not need to escape it
        replace(/['()]/g, escape). // i.e., %27 %28 %29
        replace(/\*/g, '%2A').
            // The following are not required for percent-encoding per RFC5987, 
            //  so we can allow for a little better readability over the wire: |`^
            replace(/%(?:7C|60|5E)/g, unescape);
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

Java与JavaScript与PHP的小比较表。

1. Java URLEncoder.encode (using UTF8 charset)
2. JavaScript encodeURIComponent
3. JavaScript escape
4. PHP urlencode
5. PHP rawurlencode

char   JAVA JavaScript --PHP---
[ ]     +    %20  %20  +    %20
[!]     %21  !    %21  %21  %21
[*]     *    *    *    %2A  %2A
[']     %27  '    %27  %27  %27 
[(]     %28  (    %28  %28  %28
[)]     %29  )    %29  %29  %29
[;]     %3B  %3B  %3B  %3B  %3B
[:]     %3A  %3A  %3A  %3A  %3A
[@]     %40  %40  @    %40  %40
[&]     %26  %26  %26  %26  %26
[=]     %3D  %3D  %3D  %3D  %3D
[+]     %2B  %2B  +    %2B  %2B
[$]     %24  %24  %24  %24  %24
[,]     %2C  %2C  %2C  %2C  %2C
[/]     %2F  %2F  /    %2F  %2F
[?]     %3F  %3F  %3F  %3F  %3F
[#]     %23  %23  %23  %23  %23
[[]     %5B  %5B  %5B  %5B  %5B
[]]     %5D  %5D  %5D  %5D  %5D
----------------------------------------
[~]     %7E  ~    %7E  %7E  ~
[-]     -    -    -    -    -
[_]     _    _    _    _    _
[%]     %25  %25  %25  %25  %25
[\]     %5C  %5C  %5C  %5C  %5C
----------------------------------------
char  -JAVA-  --JavaScript--  -----PHP------
[ä]   %C3%A4  %C3%A4  %E4     %C3%A4  %C3%A4
[ф]   %D1%84  %D1%84  %u0444  %D1%84  %D1%84