JS &、|、^和~（逻辑位运算符）
位运算就是对二进制数执行计算，是整数的逐位运算。例如，1+1=2，在十进制计算中是正确的，但是在二进制计算中，1+1=10；对于二进制数 100 取反，等于 001，而不是 -100。
位运算符有 7 个，分为两类：
- 逻辑位运算符：位与（&）、位或（|）、位异或（^）、非位（~）
- 移位运算符：左移（<<）、右移（>>）、无符号右移（>>>）
逻辑位运算符与逻辑运算符的运算方式是相同的，但是针对的对象不同。逻辑位运算符针对的是二进制的整数值，而逻辑运算符针对的是非二进制的值。
“&”运算符
“&”运算符（位与）用于对两个二进制操作数逐位进行比较，并根据下表所示的换算表返回结果。
| 第一个数的位值 | 第二个数的位值 | 运算结果 |
|---|---|---|
| 1 | 1 | 1 |
| 1 | 0 | 0 |
| 0 | 1 | 0 |
| 0 | 0 | 0 |
在位运算中，数值 1 表示 true，0 表示 false，反之亦然。
12 和 5 进行位与运算，则返回值为 4。
console.log(12 & 5); //返回值4
下图以算式的形式解析了 12 和 5 进行位与运算的过程。通过位与运算，只有第 3 位的值为全为 true，故返回 true，其他位均返回 false。
image.png
“|”运算符
“|”运算符（位或）用于对两个二进制操作数逐位进行比较，并根据如表格所示的换算表返回结果。
| 第一个数的位值 | 第二个数的位值 | 运算结果 |
|---|---|---|
| 1 | 1 | 1 |
| 1 | 0 | 1 |
| 0 | 1 | 1 |
| 0 | 0 | 0 |
12 和 5 进行位或运算，则返回值为 13。
console.log(12 | 5); //返回值13
下图以算式的形式解析了 12 和 5 进行位或运算的过程。通过位或运算，除第 2 位的值为 false 外，其他位均返回 true。
image.png
“^”运算符
“^”运算符（位异或）用于对两个二进制操作数逐位进行比较，并根据如表格所示的换算表返回结果。
| 第一个数的位值 | 第二个数的位值 | 运算结果 |
|---|---|---|
| 1 | 1 | 0 |
| 1 | 0 | 1 |
| 0 | 1 | 1 |
| 0 | 0 | 0 |
12 和 5 进行位异或运算，则返回值为 9。
console.log(12 ^ 5); //返回值9
下图以算式的形式解析了 12 和 5 进行位异或运算的过程。通过位异或运算，第 1、4 位的值为 true，而第 2、3 位的值为 false。
image.png
“~”运算符
“~”运算符（位非）用于对一个二进制操作数逐位进行取反操作。
- 第 1 步：把运算数转换为 32 位的二进制整数。
- 第 2 步：逐位进行取反操作。
- 第 3 步：把二进制反码转换为十进制浮点数。
对 12 进行位非运算，则返回值为 -13。
console.log( ~ 12 ); //返回值-13
下图以算式的形式解析了对 12 进行位非运算的过程。
image.png
位非运算实际上就是对数字进行取负运算，再减 1。
- ~运算符为取反运算符（数据位，符号位统统取反）
前提要知道，计算机在存储二进制是以补码形式存储的
- 正数补码：原码
- 负数补码是：符号位不变，其余取反，然后整体+1
~正数
步骤：
1. 转成二进制
2. 取反（连同符号位）
3. 取补（取反后，由于第一位是1，计算机认为是负数，所以在存储的时候计算机对其进行取补）
##取补说明：
$\color{red}{一个数的补数是将该数按位取反末位加1，则从最低位开始向左寻找到第一个1，这个1及其右边的数位保持不变，这个1以左的各位按位取反。}\$
~4计算
1. 转成二进制
4 = 0000 0100
2. 取反（连同符号位）
0000 0100 取反= 1111 1011
3. 取补
1111 1011 取补= 1000 0101=-5
~负数
步骤：
1. 转成二进制
2. 取补（因为输入的时候是负数，所以计算机就会对其进行取补）
3. 取反（联通符号位）
取补说明：
~(-5)计
1. 转成二进制
-5 = 1000 0101
2. 取补
1000 0101 取补= 1111 1011
3. 取反（联通符号位
1111 1011 取反= 0000 0100 = 4
