JS中的编码函数

2017年03月05日Web前端0

我们经常会用到浏览器的URL地址，让我们来了解下JS中的几个关于编码的函数。

1、escape

该函数用于对字符串进行编码，但目前已不推荐使用该函数，尤其是不能用来对URI进行编码。

escape()方法返回的值是字符串类型的。该函数不会对ASCII字母和数字进行编码，也不会对下面这些ASCII标点符号进行编码：*@-_+./ 。其他所有的字符都会被编码。

escape('你好');  // '%u4F60%u597D'
unescape("%u4F60%u597D"); // '你好'

其中，escape()不对“+”编码。但是我们知道，网页在提交表单的时候，如果有空格，则会被转化为+字符。服务器处理数据的时候，会把+号处理成空格。所以，使用的时候要小心。

2、encodeURI

该方法会对所有URL进行编码，除了常见的符号，对其他一些在网址中有特殊含义的符号“; / ? : @ & = + $ , #”，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。它对应的解码函数是decodeURI()。

encodeURI('你好'); // "%E4%BD%A0%E5%A5%BD"
decodeURI("%E4%BD%A0%E5%A5%BD"); // "你好"

3、encodeURIComponent

该方法与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。因此，“; / ? : @ & = + $ , #”，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。

encodeURIComponent("你好"); // "%E4%BD%A0%E5%A5%BD"
decodeURIComponent("%E4%BD%A0%E5%A5%BD"); // "你好"

encodeURIComponent()相比encodeURI()要更加彻底。

4、总结

var str = 'http://wwww.zhuyuntao.cn/MyTest/1.php?a=1';

console.log(encodeURI(str));          // http://wwww.zhuyuntao.cn/MyTest/1.php?a=1
console.log(encodeURIComponent(str)); // http%3A%2F%2Fwwww.zhuyuntao.cn%2FMyTest%2F1.php%3Fa%3D1

escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。escape()不对"+"编码 主要用于汉字编码，现在已经不提倡使用。 encodeURI()是Javascript中真正用来对URL编码的函数。

编码整个url地址，但对特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。对应的解码函数是：decodeURI()。encodeURIComponent() 能编码"; / ? : @ & = + $ , #"这些特殊字符。对应的解码函数是decodeURIComponent()。

假如要传递带&符号的网址，所以用encodeURIComponent()。

JavaScript

目录