如何实现将参数从一个JavaScript函数传递到另一个函数？

看起来你已经写好了获取下拉框数量的myFunction和计算总价的myFunction2，现在只需要把这两个函数串联起来，让myFunction的返回值能传递给myFunction2作为参数就行。下面给你两种可行的实现方式：

方式一：用中间函数串联（更易维护） #

这种方式适合后续可能扩展逻辑的场景，代码结构更清晰：

<form>
  <select id="QuantityList" onchange="calculateTotal()">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</form>
<p id="demo"></p>

<script>
function myFunction() {
  // 获取下拉框值并转为数字，避免字符串相乘的问题
  var a = Number(document.getElementById("QuantityList").value);
  return a;
}

function myFunction2(a) {
  var b = a * 4.99;
  // 格式化价格为两位小数，更符合展示需求
  document.getElementById("demo").innerHTML = `总价：$${b.toFixed(2)}`;
  return b;
}

// 中间函数：负责调用获取数量的函数，再把参数传给计算函数
function calculateTotal() {
  const selectedQuantity = myFunction();
  myFunction2(selectedQuantity);
}
</script>

关键修改说明： #

• 给下拉框添加了onchange事件，用户切换选项时自动触发计算
• 在myFunction里把获取到的字符串值转为Number类型，防止出现字符串重复（比如"2"*4.99会变成"2222..."）
• 用toFixed(2)格式化计算结果，让价格显示为两位小数，更直观
• 新增的calculateTotal函数作为桥梁，完成参数传递的串联工作

方式二：直接在事件中传递参数（更简洁） #

如果你的逻辑比较简单，也可以省去中间函数，直接在事件里完成参数传递：

<form>
  <select id="QuantityList" onchange="myFunction2(myFunction())">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</form>
<p id="demo"></p>

<script>
function myFunction() {
  return Number(document.getElementById("QuantityList").value);
}

function myFunction2(a) {
  var b = a * 4.99;
  document.getElementById("demo").innerHTML = `总价：$${b.toFixed(2)}`;
  return b;
}
</script>

这种方式的核心是在onchange事件中直接调用myFunction2(myFunction())，让myFunction的返回值直接作为myFunction2的参数传入，代码更精简。

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