为什么这个箭头函数会起作用？

Question

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

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 = () => 部分令人困惑空括号如何正确？还是我错了

感谢任何文档或答案

Answer 1

这是一个函数没有参数，作为short/arrow函数：

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

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

，您可能需要检查一下。

Answer 2

你可以"read"像这样的箭头函数

(par1, par2) => "value"

变成

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

所以：

() =>

变成一个没有参数传递给它的函数。一个例外是当一个参数被传递给箭头函数时，所以：

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

为什么这个箭头函数会起作用？

Why would this arrow function work?

javascript

arrow-functions