Javascript按位运算符 - 需要解释[重复]

Question

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

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

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

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

提前致谢。

Answer 1

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

• 将 0 到 15 之间的随机数分配给 r，但如果变量 d 未定义，则给我 0。它使用数学事实，即任何数的模 16 会在 [0..15] 范围内和按位或0 是一个身份操作，但有一个例外。处理undefined 的JavaScript 逻辑表明，如果没有| 0，当d 未定义时，您将在r 中得到NaN。

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

• x & 0x03 与 x BITWISE_AND 0011 相同，它返回 x 的最低 2 位。 x | 0x8 始终设置第 4 位。因此，c 将是10..，其中点是 r 的最低 2 位。当然，只有当c 是一个字符串并且等于x 时才会发生。

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

Answer 2

基本上，您可以使用蛮力方法并查看对象中返回了哪些值，其中一个用于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; }