JavaScript 中的 Base 64 编码

下面是我从Philippe Tenenhaus(http://www.philten.com/us-xmlhttprequest-image/(那里得到的base 64图像编码函数。

这对我来说很困惑，但我很想理解。

我想我理解按位 & 和 | ，以及使用 <<和>> 在字节位置移动。

我对这些行特别困惑： ((字节 1 和 3( <<4( |(字节 2>> 4(; ((字节2和15( <<2( |(字节 3>> 6(;

以及为什么它仍然使用 byte1 表示 enc2，使用 byte2 表示 enc3。而enc4 = byte3 & 63;的目的...

有人可以解释这个功能吗？

function base64Encode(inputStr) 
            {
               var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
               var outputStr = "";
               var i = 0;
               while (i < inputStr.length)
               {
                   //all three "& 0xff" added below are there to fix a known bug 
                   //with bytes returned by xhr.responseText
                   var byte1 = inputStr.charCodeAt(i++) & 0xff;
                   var byte2 = inputStr.charCodeAt(i++) & 0xff;
                   var byte3 = inputStr.charCodeAt(i++) & 0xff;
                   var enc1 = byte1 >> 2;
                   var enc2 = ((byte1 & 3) << 4) | (byte2 >> 4);
                   var enc3, enc4;
                   if (isNaN(byte2))
                   {
                       enc3 = enc4 = 64;
                   }
                   else
                   {
                       enc3 = ((byte2 & 15) << 2) | (byte3 >> 6);
                       if (isNaN(byte3))
                       {
                           enc4 = 64;
                       }
                       else
                       {
                           enc4 = byte3 & 63;
                       }
                   }
                   outputStr += b64.charAt(enc1) + b64.charAt(enc2) + b64.charAt(enc3) + b64.charAt(enc4);
                } 
                return outputStr;
            }