javaScript：将一个函数拆分为两个

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

功能计划\u单击（单击\u id）{
让var_计划；
让var_sgldbl；
var_sgldbl='sgl'；
var\u plan=单击的\u id；
document.getElementById（单击了）。style.background=“绿色”；
/*新代码*/
让var_tab01；
交换机（var_计划）{
案件‘101’：
var_tab01=201；
document.getElementById（var_tab01）.style.background=“绿色”；
打破
}}

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

---

要使拆分生效，应插入哪些代码？

只需将代码移到另一个函数即可

var\u plan

应该是一个参数，

var\u 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;
}

---

对于你所做的，考虑添加一类“选择”之类的东西，并将样式放在CSS中。看起来不错，但是.Stas-Base2，因为大多数函数不使用<代码>参数< /> >（以及在ES6中引入默认值和<代码>…<代码>使其不太必要）。我认为这不太有说服力。实际上，我想我误解了原始代码，

var\u tab01

不需要是参数。是的，OP可能不知道如何使用函数

参数。我只是想有这个选择。我也喜欢使用这两种函数<代码>此

！！！

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