Javascript 如何将4个函数合并到一个函数中？

我正在安装一个新服务器，希望在我的web应用程序中完全支持UTF-8。如何将4个函数合并到一个函数中

Java脚本

createaccount = () => {
  document.getElementById('login').style.display = "none"
  document.getElementById('register').style.display = "block"
}


forgotpassword = () => {
  document.getElementById('login').style.display = "none"
  document.getElementById('forgot').style.display = "block"
}


back = () => {
  document.getElementById('register').style.display = "none"
  document.getElementById('login').style.display = "block"
}


backlogin = () => {
  document.getElementById('forgot').style.display = "none"
  document.getElementById('login').style.display = "block"
}

---

简单使用条件：

const accountOperations=（操作）=>{
如果（操作=='CreateCount'）{
document.getElementById（'login'）.style.display=“无”
document.getElementById（'register'）.style.display=“block”
}else if（操作==='forgotpassword'）{
document.getElementById（'login'）.style.display=“无”
document.getElementById（'forget'）.style.display=“block”
}else if（操作==='back'）{
document.getElementById（'register'）.style.display=“无”
document.getElementById（'login'）.style.display=“block”
}else if（操作==='backlogin'）{
document.getElementById（'forget'）.style.display=“无”
document.getElementById（'login'）.style.display=“block”
}
}
//那么比如说
//accountOperations（'CreateCount'）

您可以为

id

设置一个包含两个参数的函数，如下所示：

函数我的函数（id_1，id_2）{
document.getElementById（id_1）.style.display=“无”；
document.getElementById（id_2）.style.display=“block”；
}

然后按以下方式调用函数：

my_函数（'login'，'register'）；
my_函数（“忘记”、“注册”）；
my_函数（“注册”、“登录”）；
my_函数（“忘记”、“登录”）；

Simple forEach可以做到这一点

const showBlock=（elToShowSelector）=>{
const elmToShow=document.querySelector（elToShowSelector）；
document.querySelectorAll（'.toggle group'）
.forEach（el=>el.style.display=（el！==elmToShow）？“无”：“块”）；
};
//例1
显示块（“#登录”）；
//例2
const buttons=document.queryselectoral（'button'）；
按钮[0].onclick=showBlock.bind（此为“#登录”）；
按钮[1].onclick=showBlock.bind（这个“#寄存器”）；
按钮[2].onclick=showBlock.bind（这是“忘记了”）
。切换组{
显示：无；
填充：10；
边框：1px红色实心；
}
loginregister
登录
登记
忘记
只需将所有代码放在一个函数中。只需创建一个函数，该函数包含两个字符串，并将一个元素更改为
display:none
，另一个元素更改为
display:block
。这与UTF-8有何关系？这些函数究竟是如何使用的？您想创建这四个函数将调用的第五个函数吗？Stardust的评论似乎是正确的想法。但是这些和UTF-8有什么关系呢？这比它需要的更详细。只需使用一些键为操作、值为ID的对象。@Bobyy
Create
和其他按钮相同，您只需将参数更改为您想要的操作。这会丢失语义名称（例如
CreateCount
，
forgotPassword
，等等）。@SebastianSimon不太清楚。您可以（也应该）执行
createaccount=（）=>my_函数（'login'，'register'）以保持良好的命名。