为什么需要使用encodeURI编码？

Question

最近看了encodeURI 和 encodeURIComponent的区别，可是我没有明白为什么要使用URI 编码，以及什么时候需要去编码呢？

Answer 1

假设你要通过 GET 请求传递一个叫 k 的参数，你的 url 可能长这样

https://x.com/?k=v

它的内容是 v，这看起来没什么问题

但是如果你要传递的内容包含有 =?& 这种特殊字符呢

如果你的 url 长这样

https://x.com/?k=v=?&

服务器肯定不能正确识别，因此我们需要编码，编码之后的链接就长这样

https://x.com/?k=v%3D%3F%26

至于为什么要区别 encodeURI 和 encodeURIComponent，这是因为早期的 url 规范只能使用 ascii 字符，不能包含中文

比如早期下面这样链接就不能被服务器识别

https://x.com/?k=你好

要编码成下面这种才能被服务器正确识别

https://x.com/?k=%E4%BD%A0%E5%A5%BD

Answer 2

const str = 'https://baidu.com/index.html?s=阳光灿烂的日子&age=18&job=coder'

console.log(encodeURI(str))
console.log(encodeURIComponent(str))

encodeURI 更智能
encodeURIComponent 更老实