如何在JavaScript中通过参数复用输入值实现多函数动态计算

你的核心需求是避免重复调用prompt获取输入，同时保留三个计算功能的独立性。可以通过抽离输入逻辑、用参数传递数据来实现，同时还能解决原代码依赖全局变量的问题。

优化后的代码 #

// 加法运算：仅负责计算，接收两个参数
function add(num1, num2) {
  return num1 + num2;
}

// 乘法运算
function multiply(num1, num2) {
  return num1 * num2;
}

// 取余运算
function modulo(num1, num2) {
  return num1 % num2;
}

// 主控制函数：统一处理输入、调用计算、展示结果
function calculate() {
  // 仅执行两次输入获取，复用这两个值
  const firstNum = parseInt(prompt("Enter First Number"));
  const secondNum = parseInt(prompt("Enter Second Number"));

  // 传入已获取的数值到各计算函数，接收返回结果
  const addition = add(firstNum, secondNum);
  const multiplication = multiply(firstNum, secondNum);
  const moduloResult = modulo(firstNum, secondNum);

  // 展示所有结果
  alert(`Addition = ${addition}`);
  alert(`Multiplication = ${multiplication}`);
  alert(`Modulo = ${moduloResult}`);
}

// 启动计算
calculate();

关键改动说明 #

• 输入逻辑复用：把获取用户输入的步骤集中到主函数里，只弹窗两次，避免重复请求用户输入，提升体验。
• 函数职责拆分：每个计算函数只做对应运算，不再处理输入逻辑，让函数更通用（后续可以直接传入其他来源的数字，比如表单输入）。
• 消除全局变量：原代码通过全局变量c/d/e传递结果，现在直接用变量接收函数返回值，避免全局作用域污染，代码更安全易维护。
• 可读性提升：简化了函数和变量命名，逻辑更清晰。

可选优化：处理无效输入 #

如果需要防止用户输入非数字内容，可以新增一个输入校验函数：

// 确保用户输入有效数字
function getValidNumber(promptText) {
  let inputNum;
  do {
    inputNum = parseInt(prompt(promptText));
    if (isNaN(inputNum)) {
      alert("请输入有效的数字！");
    }
  } while (isNaN(inputNum));
  return inputNum;
}

// 主函数里替换输入逻辑：
const firstNum = getValidNumber("Enter First Number");
const secondNum = getValidNumber("Enter Second Number");

内容的提问来源于stack exchange，提问作者Affy