Javascript 为什么这个箭头功能会起作用？

我正在探索箭头函数，我提出了这个基本示例，我只需要了解下面的工作原理

var getServer = () => {
    if(document.getElementById('server')){
        var serverHTML = document.getElementById('server');
        serverHTML.innerHTML = "Server: " + window.location.host;
    }
    if(document.getElementById('serverxs')){
        var serverHTMLxs = document.getElementById('serverxs');
        serverHTMLxs.innerHTML = "Server: " + window.location.host;
    }
};

getServer=（）=>

部分让人困惑，空括号怎么正确？还是我错了

欢迎使用任何文档或答案

这是一个不带参数的函数，如短/箭头函数：

var getServer = () => { /* ... */ }
// matches
var getServer = function (){ /* ... */}

// Example:
var example = function (foo, bar){ return foo;}
// matches
var example = (foo, bar) => { return foo;}

，您可能需要检查。

这是一个没有参数的函数，作为短/箭头函数：

var getServer = () => { /* ... */ }
// matches
var getServer = function (){ /* ... */}

// Example:
var example = function (foo, bar){ return foo;}
// matches
var example = (foo, bar) => { return foo;}

，您可能需要检查。

您可以像这样“读取”箭头函数

(par1, par2) => "value"

变成

function(par1, par2){ return "value"; }

因此：

转换为没有传递参数的函数。 例外情况是将一个参数传递给arrow函数，因此：

param=>{ return value; }
// turns into
function(param){ return value; }

您可以像这样“读取”箭头函数

(par1, par2) => "value"

变成

function(par1, par2){ return "value"; }

因此：

转换为没有传递参数的函数。 例外情况是将一个参数传递给arrow函数，因此：

param=>{ return value; }
// turns into
function(param){ return value; }

---

*在这篇文章中描述了所有的注意事项之后，我将其添加到我的文章中，以便更好地阅读：）对于简单的函数，它们是相同的，但是它可能会很快让人困惑。我尝试在我的一个项目中使用它，但是这些参数有点混乱，因为这篇文章中描述的所有警告都让我把它添加到了我的文章中，这样它就可以更好地阅读：）对于简单的函数，它们是相同的，但它可能很快就会让人困惑。我曾尝试在我的一个项目中使用它，但争论有点让人困惑