javascript - javaScript：将一个函数分成两个

Question

我有以下工作功能（下半部分未显示）：

<script type="text/javascript">
function plan_click(clicked_id){
    let var_plan;
    let var_sgldbl;
    var_sgldbl = 'sgl';
    var_plan = clicked_id;
    document.getElementById(clicked_id).style.background = "green";

/* new code*/

    let var_tab01;
    switch (var_plan) {
    case '101':
        var_tab01 = 201;
        document.getElementById(var_tab01).style.background = "green";
        break;



}}
</script>

我希望该函数在 / new code / 处拆分为两个函数 - 在单独的脚本中，因为新的“tabeller”函数可能放置在 js.-file 中。应该从 plan_click 函数调用“tabeller”函数并从变量接收实际值：var_plan 和 var_sgldbl。

应该插入哪个代码才能使拆分生效？

标签： javascript

Answer 1

只需将代码移到另一个函数即可。var_plan应该是参数，而var_tab01可以是返回值。

function plan_click(clicked_id) {
  let var_plan;
  let var_sgldbl;
  var_sgldbl = 'sgl';
  var_plan = clicked_id;
  document.getElementById(clicked_id).style.background = "green";

  let var_tab01 = tabeler(var_plan);
  ...
}

function tabeler(var_plan)
  let var_tab01;
  switch (var_plan) {
    case '101':
      var_tab01 = 201;
      document.getElementById(var_tab01).style.background = "green";
      break;
    ...
  }
  return var_tab01;
}