atob和btoa的趣谈 原

不了解的人突然看到window对象的atob和btoa 函数，估计会认为哪个臭小子添加全局函数了。

你如果告诉他这是原生函数，他一定会怒骂：哪个脑残给api起个这样的名子。

你能猜出来这两个函数是干什么的吗？

实验一下：

直观看有这几点：

1. “123” 经过  atob 变短了，  结过btoa 变长了 。
2. 先atob 后btoa，字符变了 。 但是先btoa,后atob，字符不变。

奇怪吗，根本不奇怪，解释一下它们的用途就明白了。

引用MDN:

Base64是一组相似的二进制到文本(binary-to-text)的编码规则，使得二进制数据在解释成radix-64的表现形式后能够用ASCII字符串的格式表示出来。

atob() 函数能够解码通过base-64编码的字符串数据。相反地，btoa() 函数能够从字符串或二进制数据创建一个base-64编码的ASCII字符串。

简单一句：Base64编码将数据转为“安全字符”用于传输，编码会使内容变长1/3!

btoa就是进行Base64编码，atob是解码。

有问题就是：它不支持Utf-8中的所有字符，会有异常。解决方案：

https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/Base64_encoding_and_decoding

但我试验更简单的是：

unescape(atob( // 解码
               btoa( escape( "12中国✓ à la mode"))  // 编码
         )     )

我现在决定在项目里，用它们来加密，解密存入localStorage中的字符串了。

安全吗 ？知道了肯定不安全，但只要别人看一眼是乱码就OK了。