在 JavaScript 中，|= 是一个按位或赋值运算符（Bitwise OR Assignment Operator）。它将两个操作数中的每一位进行按位或（OR）运算，并将结果分配给左侧操作数。下面是一个使用 |= 运算符的例子：
let x = 5; // 二进制：0101 x |= 3; // 二进制：0011 console.log(x); // Output: 7 (二进制：0111)
在上面的代码中，我们首先声明了一个变量 x 并将其设置为 5。接着我们使用了 |= 运算符将 x 和 3 进行按位或运算，并将结果分配给 x。最后，我们输出了 x 的值，它现在等于 7。
按位或运算的作用
按位或运算通常应用于整数类型，它将两个二进制数字的每一位进行 OR 运算。OR运算返回 1 的情况只有当两个比较的二进制位都为0时才会返回 0，否则都返回 1。例如，下面是两个数进行按位或运算的示例：
0101 (二进制 5) | 0011 (二进制 3) = 0111 (二进制 7)
按位或运算经常用于对特定位进行掩码操作。例如，如果我们希望使用前两个比特设置一个标志，我们可以将一个值 3（二进制 0011）与这些比特进行按位或运算。
按位或赋值运算符的应用
按位或赋值运算符是一种简化代码的方式。它可以将按位或运算和赋值操作结合在一起，从而减少代码量并提高可读性。例如，下面的代码：
x = x | 3;
可以被重写为：
x |= 3;
这使得代码更加紧凑，并且使意图更加明确。使用 |= 运算符也可以避免在使用变量之前必须先声明它们的问题。
然而，在使用 |= 运算符时需要注意一些细节。首先，它只能用于整数类型。其次，它可能会导致代码更难以阅读和理解，因此只有在适当的上下文中使用才是最好的选择。
总结
JavaScript 中的 |= 运算符可用于将两个操作数中的每一位进行按位或运算，并将结果分配给左侧操作数。它通常用于对整数类型进行掩码操作以及简化代码。但是，需要注意一些细节，例如它只能用于整数类型，并且可能会使代码更难以阅读和理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29291