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

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

这取决于你真正想做什么。

encodeURI假设输入是一个完整的URI，其中可能包含一些需要编码的字符。

encodeURIComponent将编码具有特殊含义的所有内容，因此您可以将它用于uri的组件，例如

var world = "A string with symbols & characters that have special meaning?";
var uri = 'http://example.com/foo?hello=' + encodeURIComponent(world);

As a general rule use encodeURIComponent. Don't be scared of the long name thinking it's more specific in it's use, to me it's the more commonly used method. Also don't be suckered into using encodeURI because you tested it and it appears to be encoding properly, it's probably not what you meant to use and even though your simple test using "Fred" in a first name field worked, you'll find later when you use more advanced text like adding an ampersand or a hashtag it will fail. You can look at the other answers for the reasons why this is.

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

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

encodeURI和encodeURIComponent用于不同的目的。 一些不同之处在于

encodeURI用于编码完整的URL，而encodeURIComponent用于编码URI组件，例如查询字符串。 有11个字符不是由encodeURI编码的，而是由encodeURIComponent编码的。 列表:

注: encodeURIComponent不编码-_.!~*'()。如果要对这些字符进行编码，则必须将它们替换为相应的UTF-8序列字符

如果您想了解更多关于encodeURI和encodeURIComponent的信息，请查看参考链接。 参考链接

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

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