以下是摘要。

Escape()不会编码@ * _ + -。/ 不要使用它。 encodeURI()不会编码A-Z A-Z 0-9;， / ?: @ & = + $ - _。！ ~ * ' () # 当你的输入是一个完整的URL，如“https://searchexample.com/search?q=wiki”时使用它 encodeURIComponent()不会编码A-Z A-Z 0-9 - _。！ ~ * ' () 当您的输入是完整URL的一部分时使用它 如 const queryStr = encodeURIComponent(someString)

如果要对字符串进行编码以放入URL组件(querystring参数)，则应该调用encodeURIComponent。

如果您正在对一个现有URL进行编码，请调用encodeURI。

以下是摘要。

Escape()不会编码@ * _ + -。/ 不要使用它。 encodeURI()不会编码A-Z A-Z 0-9;， / ?: @ & = + $ - _。！ ~ * ' () # 当你的输入是一个完整的URL，如“https://searchexample.com/search?q=wiki”时使用它 encodeURIComponent()不会编码A-Z A-Z 0-9 - _。！ ~ * ' () 当您的输入是完整URL的一部分时使用它 如 const queryStr = encodeURIComponent(someString)

encodeURIComponent():假设它的参数是一个部分(比如协议、主机名、路径或查询字符串) URI的。因此，它转义了用于分隔URI部分的标点符号。

encodeURI():用于对已有url进行编码

encodeURI和encodeURIComponent的区别:

encodeURIComponent(value)主要用于编码queryString参数值，它对value中每个适用的字符进行编码。encodeURI忽略协议前缀(http://)和域名)。

在非常非常罕见的情况下，当你想实现手动编码来编码额外的字符时(尽管在典型情况下不需要编码)，例如:!*，则 你可以用:

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

(源)

其他答案描述了目的。下面是每个函数实际转换的字符:

control = '\x00\x01\x02\x03\x04\x05\x06\x07\x08\x09\x0A\x0B\x0C\x0D\x0E\x0F'
        + '\x10\x11\x12\x13\x14\X15\x16\x17\x18\x19\x1A\x1B\x1C\x1D\x1E\x1F'
                                                                    + '\x7F'
encodeURI         (control + ' "%<>[\\]^`{|}'                             )
encodeURIComponent(control + ' "%<>[\\]^`{|}' + '#$&,:;=?' + '+/@'        )
escape            (control + ' "%<>[\\]^`{|}' + '#$&,:;=?' +       "!'()~")

以上所有字符都转换为百分制16进制代码。空格到%20，百分比到%25，等等。下面的字符没有改变。

以下是函数不会转换的字符:

pass_thru = '*-._0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'

encodeURI         (pass_thru + '#$&,:;=?' + '+/@' + "!'()~")
encodeURIComponent(pass_thru +                      "!'()~")
escape            (pass_thru +              '+/@'          )