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了。