Several ways to encode a string in JS

Function	Describe
encodeURI ()	Encode a string as a URI
encodeURIComponent ()	Encode a string as a URI component
Escape ()	Encode a string

The above is a query from W3school data. So what's the difference between the three, please allow me to test the test.

var str = "http://localhost:8080/Product/index?id=123&attr=456&area= China"; Console.log (encodeURI (str)); Console.log (encodeURIComponent (str)); Console.log (Escape (str));

The printing results are as follows:

http://localhost:8080/product/index?id=123&attr=456&area=%e4%b8%ad%e5%9b%bdhttp%3A% 2f%2flocalhost%3a8080%2fproduct%2findex%3fid%3d123%26attr%3d456%26area%3d%e4%b8%ad%e5%9b%Http%3A/ /LOCALHOST%3A8080/PRODUCT/INDEX%3FID%3D123%26ATTR%3D456%26AREA%3D%U4E2D%U56FD

Can be seen,

encodeURI does not encode the characters in the URI such as:/?&, such as the partition function;

The encodeURIComponent will.

Observing escape found that,:?& were transcoded, and/or no, W3school explained that the escape function would have letters, numbers, and symbols in ASCII codes (* @-_ +). /) to encode all characters except the

In addition, we can see that the result of escape is different from the previous two after the Chinese character encoding. W3school also recommends that you do not use the method and replace it with the previous two.

Several ways to encode a string in JS