JavaScript箭头函数

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

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

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

说明:Lambda函数
如果你是从某种其他的编程语言(如C#、JavaPython)转向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;
}

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!