认识位移操作符

当年书没好好读，在做这行十几年之后的今天才有所了解这个位移操作。觉得很有意思所摘录下来，当笔记用。

参考网址如下：

http://www.w3school.com.cn/js/pro_js_operators_bitwise.asp

https://whis.wang/index.php/javascript/an-operator-use-in-js.html

 

摘录内容：

4.使用&, >>, |来完成rgb值和16进制颜色值之间的转换

/**
 * 16进制颜色值转RGB
 * @param  {String} hex 16进制颜色字符串
 * @return {String}     RGB颜色字符串
 */
  function hexToRGB(hex) {
    var hexx = hex.replace('#', '0x')
    var r = hexx >> 16
    var g = hexx >> 8 & 0xff
    var b = hexx & 0xff
    return `rgb(${r}, ${g}, ${b})`
}

/**
 * RGB颜色转16进制颜色
 * @param  {String} rgb RGB进制颜色字符串
 * @return {String}     16进制颜色字符串
 */
function RGBToHex(rgb) {
    var rgbArr = rgb.split(/[^\d]+/)
    var color = rgbArr[1]<<16 | rgbArr[2]<<8 | rgbArr[3]
    return '#'+ color.toString(16)
}
// -------------------------------------------------
hexToRGB('#ffffff')               // 'rgb(255,255,255)'
RGBToHex('rgb(255,255,255)')      // '#ffffff'

================================================================================================
总的来说，位移的应用多数是用在将大的数据分块储存在 byte[] 里(一个byte存 8 位，即 256；所以无论左移还是右移时都是 8 的倍数)。
右移是将数据分块，左移是将数据合并还原。数据分块和合并的操作就是利用 ^、& 和 | 操作符。

例如：#aabbcc 向右移 8 位则变为 #aabb，再右移 8 位则变为 #aa；#aa左移 16 位则为 #aa0000，#bb左移 8 位#bb00, 位移后再与 #cc 用 | 做合并就可得出 #aabbcc
如果我要取出 bb，第一步，#aabbcc 右移 16 位，再左移 8 位，得 #aa00；第二步，#aabbcc 右移 8 位，得 #aabb，然后 #aa00 ^ #aabb，得 #bb

以上的逻辑相信比看代码好看多了。:)