JavaScript 中逻辑运算符的用法？

推荐答案

// www.javascriptcn.com code example
// 逻辑与 (&&)
const result1 = true && false; // false
const result2 = true && true;  // true

// 逻辑或 (||)
const result3 = true || false; // true
const result4 = false || false; // false

// 逻辑非 (!)
const result5 = !true;  // false
const result6 = !false; // true

本题详细解读

逻辑与 (&&)

• 用法: expression1 && expression2
• 解释: 如果 expression1 为 true，则返回 expression2 的值；如果 expression1 为 false，则直接返回 expression1 的值。
• 示例:

  const result = true && 'Hello'; // 'Hello'
  const result2 = false && 'Hello'; // false

逻辑或 (||)

• 用法: expression1 || expression2
• 解释: 如果 expression1 为 true，则返回 expression1 的值；如果 expression1 为 false，则返回 expression2 的值。
• 示例:

  const result = true || 'Hello'; // true
  const result2 = false || 'Hello'; // 'Hello'

逻辑非 (!)

• 用法: !expression
• 解释: 对 expression 的值进行取反操作。如果 expression 为 true，则返回 false；如果 expression 为 false，则返回 true。
• 示例:

  const result = !true;  // false
  const result2 = !false; // true

短路求值

• 逻辑与 (&&) 和 逻辑或 (||) 都支持短路求值（Short-circuit evaluation）。
  • 对于 &&，如果第一个操作数为 false，则不会计算第二个操作数。
  • 对于 ||，如果第一个操作数为 true，则不会计算第二个操作数。

实际应用

• 默认值设置:

  const name = user.name || 'Guest';

• 条件执行:

  user.isAdmin && showAdminPanel();