在 JavaScript 中，竖杠符号 "|" 是按位或运算符。它将操作数的每个二进制位逐位比较，并返回一个新的二进制值，其中每个位都是两个操作数相应位中至少有一个为 1 的结果。
例如，如果我们使用 "|" 运算符对十进制数 5（二进制表示为 101）和 3（二进制表示为 011）进行操作，则得到以下结果：
const result = 5 | 3; console.log(result); // 输出 7（二进制表示为 111）
这里，我们可以看到二进制结果 7 包含了原始数字 5 和 3 的任何共同位（即第一位、第二位和第三位都设置为 1）。请注意，按位或运算符不会更改原始操作数本身。
深入理解按位或运算符
按位或运算符可以用于许多实际情况。例如，假设您需要将一个十六进制颜色代码与另一个颜色代码进行组合。你可以使用按位或运算符来完成这个任务，如下所示：
const color1 = 0xFF0000; // 红色 const color2 = 0x00FF00; // 绿色 const combinedColor = color1 | color2; // 组合后的颜色为黄色 console.log(combinedColor.toString(16)); // 输出 "ffff00"（十六进制黄色）
在这个示例中，我们将两个十六进制颜色代码进行按位或运算，得到一个新的组合颜色代码 "ffff00"（黄色）。
按位或运算符的学习和指导意义
按位或运算符可能不是您经常使用的运算符，但了解它可以帮助您更好地理解 JavaScript 语言。作为前端开发人员，您可能会遇到需要处理各种数字和颜色值的情况。在这些情况下，按位或运算符可以成为一个强大的工具。此外，对按位运算符的深入理解还可以帮助您更好地掌握计算机科学的基础知识。
总之，按位或运算符是 JavaScript 中的一个重要工具，可用于许多实际应用。通过深入了解该运算符，您可以更好地理解 JavaScript，并在开发过程中使用它来解决各种问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10560
