如何正确实现支持运算符优先级的 JavaScript 计算器-js教程-PHP中文网

如何正确实现支持运算符优先级的 JavaScript 计算器

本文详解如何在 JavaScript 计算器中正确处理混合运算（如 12 + 7 - 5 * 3），遵循 PEMDAS 运算优先级规则，避免简单左结合导致的错误结果（如误得 42，实际应为 4）。

本文详解如何在 javascript 计算器中正确处理混合运算（如 `12 + 7 - 5 * 3`），遵循 pemdas 运算优先级规则，避免简单左结合导致的错误结果（如误得 42，实际应为 4）。

构建一个符合数学直觉的计算器，关键不在于“每按一次运算符就立即执行”，而在于解析并求值完整表达式，同时严格遵守运算符优先级（PEMDAS：括号 > 指数 > 乘/除 > 加/减）。你当前的代码尝试在每次点击运算符时立刻计算（如 12 + 7 → 19，再 19 - 5 → 14，再 14 * 3 → 42），这属于左结合、无优先级的链式计算，违背了标准四则运算规则。

✅ 正确做法是：

将用户输入累积为字符串表达式（如 "12+7-5*3"）；
在点击 = 时，安全地解析并计算该表达式，尊重 * 和 / 高于 + 和 - 的优先级。

⚠️ 注意：绝不可使用 eval() 直接执行用户输入（存在严重 XSS 安全风险）。应采用手动解析策略，例如「双栈法」（操作数栈 + 运算符栈）或分步预处理。

下面是一个轻量、安全、可嵌入计算器的优先级感知求值函数：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

function calculate(expression) {
  // 清理空格，支持负数（简化版，生产环境需更健壮）
  expression = expression.replace(/\s/g, '');
  if (!expression) return 0;

  const nums = [];
  const ops = [];
  let i = 0;

  while (i = precedence(char)) {
        const op = ops.pop();
        const b = nums.pop();
        const a = nums.pop();
        nums.push(applyOp(a, b, op));
      }
      ops.push(char);
    }
    i++;
  }

  // 计算剩余所有
  while (ops.length) {
    const op = ops.pop();
    const b = nums.pop();
    const a = nums.pop();
    nums.push(applyOp(a, b, op));
  }

  return nums[0];
}

function precedence(op) {
  if (op === '+' || op === '-') return 1;
  if (op === '*' || op === '/') return 2;
  return 0;
}

function applyOp(a, b, op) {
  switch (op) {
    case '+': return a + b;
    case '-': return a - b;
    case '*': return a * b;
    case '/': return b !== 0 ? a / b : NaN;
    default: return NaN;
  }
}

// 使用示例：
console.log(calculate("12 + 7 - 5 * 3")); // → 4
console.log(calculate("2 * 3 + 4"));       // → 10
console.log(calculate("10 - 2 * 3 + 1"));  // → 5

? 集成建议：