用JS进行Base64编码、解码

JavaScript014

用JS进行Base64编码、解码,第1张

  从IE10+浏览器开始，所有浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，Service Worker环境也可以使用。

方法名就是 atob 和 btoa ，具体语法如下：

IE8/IE9的polyfill

  当下，仍有不少PC项目还需要兼容IE9，所以，我们可以专门针对这些浏览器再引入一段ployfill脚本或者一个JS文件即可。

[if IE] 表示所有IE浏览器，由于IE10+浏览器已经放弃了著名的IE条件注释的支持，Chrome等浏览器本身就不支持这个IE私有语法，因此，很天然的，上面一段script引入只在IE9-浏览器下有效。而我们本来就希望只IE8，IE9浏览器引入ployfill，于是正好完美衔接上。

也就是原生支持atob和btoa方法的浏览器认为就是一段无需关心的HTML注释，不支持atob和btoa的IE9及其以下浏览器则会加载我们的base64-polyfill.js，使浏览器也支持 window.btoa 和 window.atob 这个语法。

开源的 base64.js ，使用很简单，浏览器引入该JS文件，然后Base64编码这样：

解码就调用 decode 方法，如下：

Unicode 作为字符编码的标准，它用 码位 （code point）来索引某个字符（全球统一标识符）， 字符编码 用来标识码位，一个字符编码视为一个 编码单元 。在 JavaScript 里，字符串基于16位的字符编码（UTF-16，Unicode 的其中一种）来构建一个编码单元（以十或十六进制表示）。

前65535个字符编码称之为 基本多文种平面字符 （BMP， Basic multilingual plane ），一个编码标识一个码位；当超出 BMP 的范围时就会用两个编码（代理对）来标识一个码位，称之为 辅助平面字符 。大部分字符都处在 BMP 范围内，另有一部分字符处在辅助平面内，这导致一些问题，比如“