你如何阅读和理解这个位移代码？

Question

因此，我在 JavaScript 中 找到了一些“位缓冲区”代码，这应该可以帮助我完成编写位缓冲区的旅程（只是我用不同的语言编写）。

我把代码的关键部分粘贴在这里（仅适用于 LittleEndian）：

function LittleEndianView(size) {
  Object.defineProperty(this, 'native', {
    value: new Uint8Array(size)
  })
}

LittleEndianView.prototype.get = function(bits, offset) {
  let available = (this.native.length * 8 - offset)

  if (bits > available) {
    throw new Error('Range error')
  }

  let value = 0
  let i = 0
  // why loop through like this?
  while (i < bits) {
    // remaining bits
    const remaining = bits - i
    const bitOffset = offset & 7
    const currentByte = this.native[offset >> 3]

    const read = Math.min(remaining, 8 - bitOffset)

    const a = 0xFF << read
    mask = ~a
    const b = currentByte >> bitOffset
    readBits = b & mask

    const c = readBits << i

    value = value | c
    offset += read
    i += read
  }

  return value >>> 0
}

LittleEndianView.prototype.set = function(bits, offset) {
  const available = (this.native.length * 8 - offset)

  if (bits > available) {
    throw new Error('Range error')
  }

  let i = 0
  while (i < bits) {
    const remaining = bits - i
    const bitOffset = offset & 7
    const byteOffset = offset >> 3
    const finished = Math.min(remaining, 8 - bitOffset)

    const mask = ~(0xFF << finished)
    const writeBits = value & mask
    const value >>= finished

    const destMask = ~(mask << bitOffset)
    const byte = this.view[byteOffset]

    this.native[byteOffset] = (byte & destMask) | (writeBits << bitOffset)

    offset += finished
    i += finished
  }
}

我想在评论方面得到帮助，关于每件作品的含义。 似乎有很多我不知道的位操作技巧。 例如，如果我在 google 上搜索“bitshift right”或“bitshift left”，我会得到明显的答案是右移或左移。 但是为什么他们用那个数字就在那里进行移位呢？ 他们为什么否定这个数字？ 为什么他们&或| 那个号码？

我正在尝试通过此代码逐行 go 并将其注释掉，但我正在努力编写注释，因为我不知道他们为什么在应用移位操作时这样做。

所以我的主要问题是，你如何阅读这个位移代码并知道为什么要执行位移？ 我将要阅读md5和其他更复杂的 hash 算法和图像处理算法以及其他“位”算法的工作原理，但首先我想我需要知道何时应用位移运算符，因为只知道它们是如何工作的没有多大帮助。

作为一个更深层次的问题，也许这可以在这里得到回答......如果给你的位操作代码没有注释或好的变量名，你如何弄清楚它在做什么？

旁注，是否有一本书或其他东西列出了所有常见的小技巧？ 我见过这个和其他的，但它们都很短。