JS 如何用位运算符快速取整和优化性能？

Question

仓乃文 · Accepted Answer

位运算符在底层直接操作二进制位，比 Math 方法更快。双取反 ~~ 和按位或 | 0 可以快速截断小数取整，位运算还能实现权限判断、颜色值转换等。

快速取整：
```javascript
~~3.7;    // 3
~~(-3.7); // -3
3.7 | 0;  // 3
-3.7 | 0; // -3

// 等价于 Math.trunc()，但更快
// 注意：不是四舍五入，是直接截断小数部分
```

权限判断（位掩码）：
```javascript
const READ = 1;     // 0001
const WRITE = 2;    // 0010
const EXECUTE = 4;  // 0100

const permission = READ | WRITE;  // 0011 = 3

// 检查权限
permission & READ;     // 1 (真值，有读权限)
permission & EXECUTE;  // 0 (假值，无执行权限)

// 添加权限
const newPerm = permission | EXECUTE;  // 0111 = 7

// 移除权限
const noWrite = permission & ~WRITE;   // 0001 = 1
```

颜色值转换：
```javascript
const hex = 0xff0000;
const r = (hex >> 16) & 0xff;  // 255
const g = (hex >> 8) & 0xff;   // 0
const b = hex & 0xff;          // 0
```

补充说明：
- 位运算只适用于 32 位有符号整数，超出范围会溢出
- ~~ 和 | 0 对 NaN 返回 0，比 Math.floor 处理 NaN 更方便
- 位掩码在文件权限（Linux chmod）、功能开关等场景非常实用
- 现代引擎已优化 Math.trunc，位运算的性能优势在多数场景可忽略