JavaScript中window对象的函数btoa和atob

前言

atob和btoa是window对象的两个函数，用来编码解码Base64。

有关Base64的编码解码规则可参考我的博客：js实现基于Base64的编码及解码

btoa

binary to ascii，用于将binary数据用ascii码表示。常用于编码字符串。

var str = "This is a string";
var encoded_str = btoa(str);
console.log(encoded_str); // Outputs: "VGhpcyBpcyBhIHN0cmluZw=="
           

但是不能编码Unicode字符

atob

ascii to binary，用于将ascii码解析成binary数据。用于解码Base64编码的字符串。

var encoded_str = "VGhpcyBpcyBhIHN0cmluZw==";
var str= atob(encoded_str);
console.log(str); // Outputs: "This is a string"
           

如何让btoa支持Unicode字符编码

编码时，先用encodeURIComponent对字符串进行编码，再进行btoa进行Base64编码

解码时，先用atob对Base64编码的串进行解码，再用decodeURIComponent对字符串进行解码

var str = "hello,中国";
var encoded_str = btoa(encodeURIComponent(str));
var decoded_str = decodeURIComponent(atob(encoded_str));
console.log(encoded_str); // Outputs: "aGVsbG8lMkMlRTQlQjglQUQlRTUlOUIlQkQ="
console.log(decoded_str); // Outputs: "hello,中国"
           

IE9不支持atob、btoa

对于IE9不支持这两种编码解码方式，可以使用公共类库来兼容IE9：

具体可查看我的博客：

js实现基于Base64的编码及解码