JavaScript 中逻辑运算符的用法？

推荐答案

-- -------------------- ---- -------
-- --- ----
----- ------- - ---- -- ------ -- -----
----- ------- - ---- -- -----  -- ----

-- --- ----
----- ------- - ---- -- ------ -- ----
----- ------- - ----- -- ------ -- -----

-- --- ---
----- ------- - ------  -- -----
----- ------- - ------- -- ----

本题详细解读

逻辑与 (&&)

• 用法: 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();