前端 javascript 字符编码与解码

前端 javascript 开发过程中, 有时候会遇到字符串的编码和解码. 面对眼花缭乱的js原生方法, 到底如何选择总是很头大, 在此对常用方法做个小结.

escape & unescape

• 对字符串进行编码
• 不会对 ASCII 字母和数字进行编码
• 不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . /
• 其他所有的字符都会被转义序列替换
• 所有主要浏览器都支持

**注意：**escape() 函数已经从 Web 标准中删除，所以尽量不使用该函数，可以使用 encodeURI 或 encodeURIComponent 代替。

encodeURI & decodeURI

• 字符串作为 URI 进行编码
• 不会进行转义URI 中具有特殊含义的 ASCII 标点符号： , / ? : @ & = + $ # (可以使用 encodeURIComponent() 方法分别对特殊含义的 ASCII 标点符号进行编码。).
• 所有主要浏览器都支持

encodeURIComponent & decodeURIComponent

• 字符串作为 URI 组件进行编码
• 不会对 ASCII 字母和数字进行编码
• 不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( )
• 其他字符（比如 ：;/?: @ &=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的
• 所有主要浏览器都支持

btoa & atob

• 用于创建一个 base-64 编码的字符串
• 使用 “A-Z”, “a-z”, “0-9”, “+”, “/” 和 “=” 字符来编码字符串
• 浏览器都支持: IE 10 & 火狐 1.0 & 谷歌等其他主要浏览器