這篇文章主要介紹瞭如何通過JS實現轉碼與解碼,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

escape 和 unescape

escape()不能直接用於URL編碼，它的真正作用是返回一個字元的Unicode編碼值。

採用unicode字符集對指定的字串除0-255以外進行編碼。所有的空格符、標點符號、特殊字元以及更多有聯絡非ASCII字元都將被轉化成%xx格式的字元編碼（xx等於該字元在字符集表裡面的編碼的16進位制數字）。比如，空格符對應的編碼是%20。

escape不編碼字元有69個：*，+，-，.，/，@，_，0-9，a-z，A-Z。

escape()函式用於js對字串進行編碼。

encodeURI 和 decodeURI

把URI字串採用UTF-8編碼格式轉化成escape各式的字串。

encodeURI不編碼字元有82個：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURI()用於整個url編碼

encodeURIComponent 和 decodeURIComponent

與encodeURI()的區別是，它用於對URL的組成部分進行個別編碼，而不用於對整個URL進行編碼。

因此，"; / ? : @ & = + $,#"，這些在encodeURI()中不被編碼的符號，在encodeURIComponent()中統統會被編碼。至於具體的編碼方法，兩者是一樣。把URI字串採用UTF-8編碼格式轉化成escape格式的字串。

encodeURIComponent() 用於引數的傳遞，引數包含特殊字元可能會造成間斷。

總結

escape編碼字串

簡單來說，escape是對字串(string)進行編碼(而另外兩種是對URL)，作用是讓它們在所有電腦上可讀。

編碼之後的效果是%XX或者%uXXXX這種形式。

其中 ASCII字母 數字 @*/+ 等字元不會被編碼，其餘的都會。

最關鍵的是，當需要對URL編碼時，忘記這個方法，這個方法是針對字串使用的，不適用於URL。

URL編碼encodeURI和encodeURIComponent

對URL編碼是常見的事，所以這兩個方法應該是實際中要特別注意的。它們都是編碼URL，唯一區別就是編碼的字元範圍，其中

encodeURI方法不會對下列字元編碼 ASCII字母 數字 ~!@#$&*()=:/,;?+'

encodeURIComponent方法不會對下列字元編碼 ASCII字母 數字 ~!*()'

所以encodeURIComponent比encodeURI編碼的範圍更大。

實際例子來說，encodeURIComponent會把 http:// 編碼成 http%3A%2F%2F 而encodeURI卻不會。

如果只是編碼字串，不和URL有半毛錢關係，那麼用escape。

如果你需要編碼整個URL，然後需要使用這個URL，那麼用encodeURI。
比如

encodeURI(http://www.cnblogs.com/some other thing);

編碼結果：

http://www.cnblogs.com/some%20other%20thing

其中，空格被編碼成了%20。但是如果用了encodeURIComponent，那麼結果變為

http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing

連 "/" 都被編碼了，整個URL已經沒法用了。

當需要編碼URL中的引數的時候，那麼encodeURIComponent是最好方法

var param = "http://www.cnblogs.com/"; //param為引數
param = encodeURIComponent(param);
var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2F

引數中的 "/" 可以編碼，如果用encodeURI肯定要出問題，因為後面的/是需要編碼的。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。