JS中encodeURI和encodeURIComponent两种编码方式的区别

encodeURI()

返回值

URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明

该方法会替换所有的字符，但不包括以下字符，即使它们具有适当的UTF-8转义序列：

• 保留字符 ; , / ? : @ & = + $
• 非转义的字符 字母 数字 - _ . ! ~ * ’ ( )
• 数字符号 #

encodeURIComponent()

返回值

URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明

该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。

区别

encodeURIComponent() 不适合对 http 请求的完整 URI 进行编码

示例

var teststing = "http://mustar.top?name=阿卡丽&test_url=http://w.test.com";
console.log(encodeURI(teststing));
console.log(encodeURIComponent(teststing))

但是，如果需要对 URL 的参数信息进行编码，encodeURIComponent() 会比较合适，因为 test_url 参数的值是需要被编码的。