JavaScript 运算符 || 和 | 的区别与使用场景

|| 和 | 都是 JavaScript 中的逻辑或运算符，用于比较两个条件，如果其中一个条件成立，则返回 true。它们的主要异同点如下：

相同点：

• 都是用于比较两个条件。
• 如果其中一个条件成立，则返回 true。

不同点：

• || 是短路逻辑运算符，即如果第一个条件为 true，则不执行第二个条件，直接返回 true。而 | 是非短路逻辑运算符，即无论第一个条件是否为 true，都会执行第二个条件。
• || 的返回值是布尔类型，即 true 或 false，而 | 的返回值是整数类型，即 0 或 1。
• 如果使用 ||，只要第一个条件为 true，整个表达式的值就已经确定了，不会再执行后面的条件。而如果使用 |，所有条件都会被执行，最终的结果是所有条件的或运算结果。

例如，假设 a=1 和 b=2，则：

• a==1 || b==2 的值为 true，因为 a==1 为 true，不需要再判断 b==2。
• a==1 | b==2 的值为 true，因为 a==1 为 true，但是 b==2 也会被执行。

总之，如果只需要判断两个条件中的一个是否成立，并且希望在第一个条件为 true 时停止执行，应该使用 ||；如果需要执行所有条件，并且希望返回一个整数类型的结果，应该使用 |。