btoa和atob

从IE10浏览器开始，所有浏览器就原生提供了Base64编码解码方法：

• btoa (Binary to ASCII)：base64编码
• atob (ASCII to Binary)：base64解码

const str = 'Hello World';
const enc = window.btoa(str); // SGVsbG8gV29ybGQ=
const dec = window.atob(enc); // Hello World

当然还有一些PC项目需要兼容IE8、IE9，这时候我们可以在script标签中引入一个垫片：

<!--[if IE]>
<script src="../base64-polyfill.js"></script>
<![endif]-->

但是btoa和atob有个问题是不能编解码中文，会报错。

btoa('中文'); // Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

解决：

const str = '中文';
const enc = btoa(encodeURIComponent(str)); // JUU0JUI4JUFEJUU2JTk2JTg3
const dec = decodeURIComponent(atob(enc)); // 中文

一个base64编解码开源库：https://github.com/dankogai/js-base64