JavaScript 按位运算

Question

我想通过在按下按键和释放按键时使用按位运算将所有当前按下的键码存储在单个变量中。

我不确定如何正确使用按位运算，但我知道这对于这样做的人来说会非常简单。

完成后，通过询问“这个键的代码在变量中吗？”应该很容易看出当前按下的是哪个键。

提前致谢！

Answer 1

从技术上讲，这在单个变量中是不可能做到的，JavaScript 中没有数据类型可以存储保存位掩码（支持按位运算）所需的 256 位，您将需要使用数组来代替。

另外，除非你有文本转语音软件，你已经将其宏化为神奇地为你执行js函数，否则询问你的计算机：“这个键的代码在变量中吗？”不会做深蹲。

这样做的方法是初始化一个具有 256 个索引的数组，然后当按下某个键时，您找到相关索引并将其设置为 true ，当释放一个键时，您设置将其设置为 false

这是唯一的方法。其实没有其他的了。

Answer 2

我认为按照您想要的方式这是不可能的。 看看可用的键码。您可以看到，例如 backspace 是 8，tab 是 9。

在二进制中，这将是 1000 和 1001。使用二元运算符，您可以使用 OR | 来“组合”这些值，这将得到 1001。

您可以通过 AND & 检查是否设置了值，例如 1001 & 1000 查看是否按下了退格键。不幸的是，如果仅按下 Tab 键（因为其值为 1001），则该值也会计算为 true。

也就是说，如果您要测试的不同值只是 2 的幂，即 1、2、4、8、16、32 等，则只能使用此类按位比较技术，如下所示这表示二进制 1、10、100、1000...

例如，如果我们可以有一个status 变量和可能的状态为 OPEN = 2、LIGHT ON = 4 和 ALARM ON = 8。< br>
假设它是OPEN和LIGHT ON，即

  0010
| 0100
------- 
  0110

这里我们可以轻松检查ALARM是否打开，使用AND：0110 & 1000 = 0。但如果我们用 6 = 0110 编码 ALARM ON，我们就无法检查这一点。

---

您可以做的是将键码映射到 2 的某个幂值并在那里应用二进制运算。 关于位掩码的维基百科文章可能值得一读。

我希望我的解释不知何故很清楚。

Answer 3

javascript 位操作对于前 31 位通常是可靠的，从那里开始事情就开始走下坡路。因此，您可以为 31 个不同的键赋予值来充当标志。例如，如果您想跟踪四个箭头以及 A 和 B，您可以这样做。

var KEYS = { 
    LEFT:  1 << 0,
    UP:    1 << 1,
    RIGHT: 1 << 2,
    DOWN:  1 << 3,
    A:     1 << 4,
    B:     1 << 5
}

var flags = 0;

myElement.addEventListener ('keydown', function (e) { 

    switch (e.keyCode) {

        case 37: // left
        flags = flags | KEYS.LEFT;
        break;
        case 38: // up
        flags = flags | KEYS.UP;
        break;

        ... etc ...

    }

}

} , false);

function checkKeys () {

    if ( (flags & KEYS.LEFT) === KEYS.LEFT)
        alert('LEFT key pressed');
    }

    if ( (flags & KEYS.UP) === KEYS.UP )
        alert('UP key pressed');
    }

    ... etc ...

}

Answer 4

我不确定 JavaScript 中是否存在 ByteArray 这样的东西，但如果有的话，您可以像这个人在 ActionScript3 中执行他的逻辑一样执行此操作。虽然我是位标志和位标志的忠实粉丝。按位运算，我不明白他正在做的位移，而且他的大部分代码都超出了我的理解范围。我只知道它适用于我参与过的 as3 项目。

另外，如果您想了解有关位标志和位标志的更多信息，请参阅按位运算（除了位移位）查看这篇文章 - http://jwopitz.wordpress.com/2012/02/13/using-bitflags-and-bitwise-math/

来源 - https://github.com/richardlord/Asteroids/blob/master/src/no-dependency/net/ richardlord/input/KeyPoll.as

     //init the bytearray
     _states = new ByteArray();
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );
     _states.writeUnsignedInt( 0 );

    //on a keydown listener (note the bitwise OR for adding
    _states[ event.keyCode >>> 3 ] |= 1 << ( event.keyCode & 7 );

    //on a keyup listener (note the bitwise AND plus bitwise NOT
    states[ ev.keyCode >>> 3 ] &= ~(1 << (ev.keyCode & 7));

    //check for keydown
    return ( states[ keyCode >>> 3 ] & (1 << (keyCode & 7)) ) != 0;

    //check for keyup
    return ( states[ keyCode >>> 3 ] & (1 << (keyCode & 7)) ) == 0;