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>

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

应该插入哪些代码才能使分割生效？

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;
}