javaScript encodeURL与encodeURLComponent区别

1. URL编码方式

Global对象的encodeURL()和encodeURLComponent()方法可以对URL进行编码。有效的URL中不能包含某些字符串，例如空格。他们用特殊的UTF-8编码替换所有无效的字符，从而让浏览器理解。
encodeURL()主要用于整个URL，而encodeURLComponent()主要用于对URL中的某一段。它们的区别在于，encodeURL()不会对本身属性url的特殊字符进行编码，例如“冒号、正斜杠、问号、井号”；而encodeURLComponent()则会对它发现的任何非标准字符进行编码。
代码：

let url = 'https://www.jianshu.com/writer/notebooks/33382883/notes/40138710'
let encode = encodeURI(url) 
let encodeComponent = encodeURIComponent(url)
console.log(encode) // https://www.jianshu.com/writer/notebooks/33382883/notes/40138710
console.log(encodeComponent) // https%3A%2F%2Fwww.jianshu.com%2Fwriter%2Fnotebooks%2F33382883%2Fnotes%2F40138710

2. URL解码方式

let decode = decodeURI(encode) // encode 对应上面的代码
let decodeComponent = decodeURIComponent(encodeComponent)
console.log(decode) // https://www.jianshu.com/writer/notebooks/33382883/notes/40138710
console.log(decodeComponent) // https://www.jianshu.com/writer/notebooks/33382883/notes/40138710

总结：
在实践中encodeURLComponent()比encodeURL()更常用，因为常见的是查询字符串参数，而不是对url进行编码。