JavaScript箭头函数|酷客网

JavaScript箭头函数，如下是在使用匿名函数的一个例子：

var sayHello = function() { alert("Hello"); };

最近，JavaScript引入了一种更加精简的语法来编写这种函数，其中，箭头符号（=>）用作一个匿名函数的缩写。这通常称为箭头函数（arrow function）。

说明：Lambda函数
如果你是从某种其他的编程语言（如C#、Java或Python）转向JavaScript的，那么可能会认为JavaScript的箭头函数和其他语言中的Lambda函数之间有一种相似性。

上面的代码也可以写成如下的样子：

var sayHello = () => alert(′Hello′);

注意，不必包含关键字function和花括号。

说明：胖箭头符号
=>符号通常称为胖箭头符号。

按照更加通用的方式，箭头函数写成如下所示：

param => statements/expression

首先，让我们看看param，这是要传递给函数的一个或多个参数的名称。当一个函数不需要参数时，就像上面的警告框的例子一样，我们可以用一对空的圆括号来表示。

如果只有一个参数传递给该函数，圆括号不是必须有的，可以直接写成如下的样子：

myFunc = x => alert(x);

如上述代码右侧所示，只有包含多个表达式时，才需要花括号。只有一条语句或一个表达式，则像alert()示例中那样，是不需要花括号的。

如下是带有两个参数的一个例子：

myFunc = (x, y) => alert(x + y);

更加复杂的函数可能会用到我们熟悉的花括号并且返回参数，如下面的例子所示：

myFunc = (x, y, z) => {
    let area = x*y + 5;
    let boxes = area / z;
    return boxes;
}

酷客网相关文章：

JavaScript箭头函数