Javascript 按位运算符 - 需要解释

Question

我在 JS 中使用了一些代码，我遇到了这些（不相关的）表达式：

1) var r = (d + Math.random() * 16) % 16 | 0;

2) return c === 'x' ? r : (r & 0x3 | 0x8);

我阅读了一些有关按位运算符的内容，但在这种情况下没有帮助。有人可以解释（最好是一步一步）他们是如何工作的吗？如何对这两个表达式进行逻辑求值和运行？

提前致谢。

Answer 1

基本上，您可以采用蛮力方法并查看对象中返回了哪些值，一个用于 c === '' 和 c === 'x'。

function x() {
    var r = (d + Math.random() * 16) % 16 | 0;  // the last or returns an integer value
    return c === 'x' ? r : (r & 0x3 | 0x8);
}

var d = 0,  // does not matter, because of % operator
    c = '',
    i,
    values = {},
    v;

for (i = 0; i < 1e6; i++) {
    v = x();
    values[v] = values[v] || 0;
    values[v]++;
}
console.log(values);

values = {};
c = 'x';
for (i = 0; i < 1e6; i++) {
    v = x();
    values[v] = values[v] || 0;
    values[v]++;
}
console.log(values);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

第一条语句与位运算符几乎无关。它只是意味着：

将 0 到 15 之间的随机数分配给 r，但如果变量 d 未定义，则给我 0。它使用数学事实，即任何数字的模 16 都会得到 [0..15] 范围和按位的结果OR with 0 是一个恒等运算，只有一个例外。 JavaScript 处理 undefined 的逻辑规定，如果没有 | 0，当 d 未定义时，您将在 r 中得到 NaN 作为结果。

第二个语句确实使用了按位运算符。

x & 0x03 与 x BITWISE_AND 0011 相同，它是 returns x 的最低 2 位。 x | 0x8 总是设置第 4 位。因此，c 将是 10..，其中点是 r 的最低 2 位。当然，只有当 c 是一个字符串并且等于 x.

我强烈建议您阅读 https://www.w3schools.com/js/js_bitwise.asp 并做一些实验。

Javascript 按位运算符 - 需要解释

Javascript bitwise operators - explanation required

javascript

bitwise-operators