如何全面掌握JavaScript箭头函数的精髓？

本文共计1572个文字，预计阅读时间需要7分钟。

JavaScript 箭头函数是 ECMAScript 6 中引入的编写函数表达式的一种简便方法。通常，在 JavaScript 中，可以通过以下两种方式创建函数：函数语句和函数表达式。以下是一个创建函数的示例语句：+function fun(){}+。

JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法。通常，在JavaScript中，可以通过两种方式创建函数：

• 函数语句。
• 函数表达式。

可以如下所示创建函数语句：

function add(num1, num2) { var res = num1 + num2; return res; } var sum = add(7, 2); console.log(sum);

也可以创建相同功能的函数表达式，如下所示：

var add = function (num1, num2) { var res = num1 + num2; return res; } var sum = add(7, 2); console.log(sum);

ECMA 2015（或ECMA Script 6）引入了更短的语法来编写函数表达式，称为箭头函数。使用箭头函数，你可以将上面的函数表达式编写为：

var add = (num1, num2) => { return num1 + num2; };

正如你所看到的，使用箭头函数编写的函数表达式更短。

箭头函数的基本语法规则

首先，参数应该在小括号中传递。你可以创建有两个参数的箭头函数，如下所示：

ar add = (num1, num2) => { return num1 + num2; };

如果只要传递一个参数，那么括号是可选的，可以选择忽略。