atob与btoa函数对base数据进行解码与编码

btoa()  从  对象中创建一个 base- 编码的 ASCII 字符串，其中字符串中的每个字符都被视为一个二进制数据字节。由于这个函数将每个字符视为二进制数据的字节，而不管实际组成字符的字节数是多少，所以如果任何字符的超出 0x00 ~ 0xFF 范围，则会引发 InvalidCharacterError 异常。

let encodedData = window.btoa("Hello, world"); // base 编码
let decodedData = window.atob(encodedData); // 解码 成 ASCII

在多数浏览器中，使用btoa() 对Unicode字符串进行编码都会触发InvalidCharacterError异常。

一种选择是转义任何扩展字符，以便实际编码的字符串是原始字符的ASCII表示形式。

// ucs-2 string to base encoded ascii
function utoa(str) {
    return window.btoa(unescape(encodeURIComponent(str)));
}
// base encoded ascii to ucs-2 string
function atou(str) {
    return decodeURIComponent(escape(window.atob(str)));
}
// Usage:
utoa('✓ à la mode'); // 4pyTIMOgIGxhIG1vZGU=
atou('4pyTIMOgIGxhIG1vZGU='); // "✓ à la mode"

utoa('I \u2661 Unicode!'); // SSDimaEgVW5pY29kZSE=
atou('SSDimaEgVW5pY29kZSE='); // "I ♡ Unicode!"

 以上 内容来自 MDN