如何在ES6中编写javascript函数

我一直在创建一个web应用程序，我使用两个不同的Div将注册和登录页面合并到同一个HTML文件中。当页面加载时，“login Div”是唯一可见的，当您单击Register时，使用一些JavaScript显示“Register Div”。所以它工作得很好，但我想在ES6中编写这些函数。我怎么做

function Registration()
{
        const element = document.querySelector(".Registration-form"); // to give a class to the button
        const element2=document.querySelector(".login-form");
        var unhide=element.style.display="block";
        var hider=element2.style.display="none";
}
function login()
{
        const element = document.querySelector(".login-form"); // to give a class to the button
        const element2 = document.querySelector(".Registration-form"); // to give a class to the button
        var unhide=element.style.display="block";
        var hider=element2.style.display="none";
}

---

通过谷歌搜索，我敢肯定你能看到，但这里是：

const registration =() => {

        const element = document.querySelector(".Registration-form");
        const element2=document.querySelector(".login-form");

        const unhide=element.style.display="block";
        const  hider=element2.style.display="none";
}
const  login = () => {
        const element = document.querySelector(".login-form"); // to give a class to the button
        const element2 = document.querySelector(".Registration-form"); // to give a class to the button
        const unhide=element.style.display="block";
        const hider=element2.style.display="none";
}

---

这些类型的函数称为arrow/fat arrow函数。您应该阅读有关它们的内容，因为在某些情况下，它们不能像预期的那样工作。

您说的“我想在ES6中编写这些函数”到底是什么意思？您并不是真的在ES6中编写代码。最终，它只是JavaScript。ES6为语言添加了其他特性等。您具体想做什么？这些功能已经完全兼容ES6，所以不知道您期望的是什么。如果需要，可以将

function（）{…}

定义更改为箭头

const registration=（）=>{…}

，但这对显示的代码没有任何作用。旁注：无需将样式更改指定给变量。我认为您的意思是“如预期的那样”，箭头函数完全按照预期工作：）@James yes yes！上帝，我永远也学不会，抱歉，英语是我的第二语言！：>这里根本没有理由使用箭头函数。这就是OP想要的，如何编写ES6函数。这些不是ES6函数。它们是箭头函数。没有ES6功能这样的东西。