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 0是一个标识操作，但有一个例外。处理| 0的JavaScript逻辑规定，如果d未定义，则在NaN时，您将获得x & 0x03作为结果。

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

x BITWISE_AND 0011与x | 0x8相同，它返回x的最低2位。 10..始终设置第4位。因此，c将是c，其中点是r的最低2位。当然，只有当x是一个字符串且等于TransitionManager.beginDelayedTransition(transitionsContainer, new TransitionSet() .addTransition(new ChangeBounds()) .addTransition(new ChangeImageTransform())); ViewGroup.LayoutParams params = imageView.getLayoutParams(); params.height = expanded ? ViewGroup.LayoutParams.MATCH_PARENT : ViewGroup.LayoutParams.WRAP_CONTENT; imageView.setLayoutParams(params); imageView.setScaleType(expanded ? ImageView.ScaleType.CENTER_CROP : ImageView.ScaleType.FIT_CENTER);时才会发生。

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

Javascript按位运算符 - 需要说明

2 个答案: