HTMLDOM中的API之btoa和atob

btoa()

btoa() 方法可以将一个二进制字符串（例如，将字符串中的每一个字节都视为一个二进制数据字节）编码为 Base64 编码的 ASCII 字符串。

• 示例：

let encodedData = window.btoa("Hello, world"); // 编码
let decodedData = window.atob(encodedData);    // 解码
1
2

atob()

atob() 对经过 base-64 编码的字符串进行解码。

• 示例：

let encodedData = window.btoa("Hello, world"); // 编码
let decodedData = window.atob(encodedData);    // 解码
1
2

---

但是，使用btoa不可以对中文字符进行编码，可以使用encodeURIComponent包裹一下

---

encodeURIComponent

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

decodeURIComponent

decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

所以，我们在对字符串进行编码解码的时候可以使用如下：

let str = btoa(encodeURIComponent('你好')) // 编码
decodeURIComponent(atob(str)) // 解码
1
2

如果是数组、对象，我们还可以使用JSON包裹一下：

let str = btoa(encodeURIComponent(JSON.stringify({}))) // 编码
JSON.parse(decodeURIComponent(atob(str))) // 解码
1
2