JavaScript中的位运算符直接对操作数的二进制位进行操作，相比常规的算术和逻辑运算，位运算的底层执行效率更高，在合适的场景下使用可以带来明显的性能提升。位运算符仅对32位有符号整数有效，操作时会先将操作数转换为32位整数，运算完成后再转换回JavaScript的Number类型。
JavaScript常用位运算符介绍
JavaScript提供了7种位运算符，各自有不同的运算规则和应用场景：
- 按位与（&）：两个操作数对应位都为1时，结果位才为1
- 按位或（|）：两个操作数对应位只要有一个为1，结果位就为1
- 按位异或（^）：两个操作数对应位不同时，结果位为1，相同时为0
- 按位非（~）：对操作数的每一位取反，相当于对数值取负后减1
- 左移（<<）：将操作数的二进制位向左移动指定位数，右侧补0
- 右移（>>）：将操作数的二进制位向右移动指定位数，左侧补符号位
- 无符号右移（>>>）：将操作数的二进制位向右移动指定位数，左侧补0
位运算符在性能优化中的具体应用场景
1. 快速取整
使用按位或运算符可以快速对正数进行取整，相比Math.floor方法性能更好，因为位运算直接操作二进制位，不需要调用函数。
// 常规取整方式 let num1 = Math.floor(3.14); // 3 let num2 = Math.floor(5.9); // 5 // 位运算取整方式，仅适用于32位有符号整数范围内的正数 let num3 = 3.14 | 0; // 3 let num4 = 5.9 | 0; // 5
2. 状态标记与权限判断
使用位运算可以高效处理多个布尔状态的组合，比如权限系统、功能开关等场景，相比使用多个布尔变量或者数组，位运算的存储和操作效率更高。
// 定义权限位标记 const READ_PERMISSION = 1; // 0001 const WRITE_PERMISSION = 2; // 0010 const DELETE_PERMISSION = 4; // 0100 const ADMIN_PERMISSION = 8; // 1000 // 用户拥有的权限组合 let userPermission = READ_PERMISSION | WRITE_PERMISSION; // 0011，拥有读和写权限 // 判断是否拥有写权限 let hasWrite = (userPermission & WRITE_PERMISSION) === WRITE_PERMISSION; // true // 添加删除权限 userPermission = userPermission | DELETE_PERMISSION; // 0111 // 移除写权限 userPermission = userPermission & ~WRITE_PERMISSION; // 0101
3. 交换变量值
使用按位异或运算符可以在不使用临时变量的情况下交换两个整数的值，减少临时变量的内存开销。
let a = 5; // 二进制 0101 let b = 3; // 二进制 0011 a = a ^ b; // a = 0110 (6) b = a ^ b; // b = 0101 (5) a = a ^ b; // a = 0011 (3) console.log(a, b); // 3 5
4. 判断奇偶性
偶数的二进制最后一位是0，奇数是1，使用按位与1可以快速判断数值的奇偶性，比取模运算效率更高。
function isOdd(num) {
// 按位与1，结果为1则是奇数，为0则是偶数
return (num & 1) === 1;
}
console.log(isOdd(3)); // true
console.log(isOdd(4)); // false
5. 快速计算2的整数次幂
左移运算符可以快速计算2的整数次幂，左移n位相当于乘以2的n次方，运算速度比Math.pow更快。
// 计算2的3次方 let pow1 = 1 << 3; // 8，相当于2^3 // 计算2的5次方 let pow2 = 1 << 5; // 32，相当于2^5
位运算符的使用局限
虽然位运算符有性能优势，但使用时需要注意以下限制：
- 位运算符仅对32位有符号整数有效，操作数超出范围时会被截断，无法处理超过32位的整数和浮点数
- 位运算代码的可读性较差，过度使用会降低代码的可维护性，建议仅在性能敏感的循环、高频执行的逻辑中使用
- 对于小规模的运算，位运算的性能优势不明显，反而可能因为代码可读性下降带来维护成本
性能对比测试
我们可以通过简单的循环测试对比位运算和常规方法的性能差异：
// 测试取整性能
function testFloor() {
let start = Date.now();
for (let i = 0; i < 10000000; i++) {
let num = Math.floor(i * 1.1);
}
console.log('Math.floor耗时：', Date.now() - start, 'ms');
}
function testBit() {
let start = Date.now();
for (let i = 0; i < 10000000; i++) {
let num = (i * 1.1) | 0;
}
console.log('位运算取整耗时：', Date.now() - start, 'ms');
}
testFloor();
testBit();
在多次测试中，位运算取整的耗时通常比Math.floor少30%到50%，在千万级循环的场景下性能优势比较明显。
总结
JavaScript中的位运算符在整数相关的计算、状态标记、权限判断等场景下可以有效提升代码执行效率，尤其适合高频执行的逻辑。但需要注意位运算的适用范围和可读性问题，不要为了追求性能而过度使用。在实际开发中，应该先保证代码的正确性和可读性，再在性能瓶颈处考虑使用位运算进行优化。
JavaScript位运算符性能优化位运算技巧修改时间：2026-06-19 06:09:28