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（）-escape（）函数用于javascript转义，而不是HTTP。

为了编码，javascript提供了三个内置函数-

escape（）-不编码@*/+此方法在ECMA 3之后被弃用，因此应避免使用。encodeURI（）-不编码~@#$&*()=:/,;?+'它假定URI是一个完整的URI，因此不会对URI中具有特殊含义的保留字符进行编码。当意图转换完整的URL而不是URL的某个特殊段时，使用此方法。示例-encodeURI（'http://stackoverflow.com');将给出-http://stackoverflow.comencodeURIComponent（）-不编码-__！~*'( )此函数通过用表示字符UTF-8编码的一个、两个、三个或四个转义序列替换某些字符的每个实例来编码统一资源标识符（URI）组件。此方法应用于转换URL的组件。例如，需要附加一些用户输入示例-encodeURIComponent（'http://stackoverflow.com');将提供-http%3A%2F%2Stackoverflow.com

所有这些编码都在UTF 8中执行，即字符将转换为UTF-8格式。

encodeURIComponent与encodeURI的不同之处在于它编码保留字符和encodeURI中的数字符号#

@johann echavarria答案的现代改写：

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

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

公认的答案是好的。延伸到最后一部分：

请注意，encodeURIComponent不转义“”字符。一个普通的错误是使用它来创建html属性，例如href='MyUrl'可能会出现注射错误。如果您是从字符串，对于属性引号使用“代替”，或添加额外的编码层（'可以编码为%27）。

如果您希望安全起见，也应该对百分比编码的未保留字符进行编码。

您可以使用此方法来转义它们（源代码Mozilla）

function fixedEncodeURIComponent(str) {
  return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
    return '%' + c.charCodeAt(0).toString(16);
  });
}

// fixedEncodeURIComponent("'") --> "%27"

我觉得这篇文章很有启发性：Javascript疯狂：查询字符串解析

当我试图解释为什么decodeURIComponent不能正确解码“+”时，我发现了这一点。以下是摘录：

String:                         "A + B"
Expected Query String Encoding: "A+%2B+B"
escape("A + B") =               "A%20+%20B"     Wrong!
encodeURI("A + B") =            "A%20+%20B"     Wrong!
encodeURIComponent("A + B") =   "A%20%2B%20B"   Acceptable, but strange

Encoded String:                 "A+%2B+B"
Expected Decoding:              "A + B"
unescape("A+%2B+B") =           "A+++B"       Wrong!
decodeURI("A+%2B+B") =          "A+++B"       Wrong!
decodeURIComponent("A+%2B+B") = "A+++B"       Wrong!