箭头函数允许我们用更短的语法定义函数。箭头函数可用于替代传统函数function() {}。 语法 作为常规功能:
现在,作为箭头函数:
您可以清楚地看到语法缩短了多少。 使用箭头函数时,参数位于一对括号中的开头。然后是 a =>,它声明了一个箭头函数。之后,您将输入{}您希望运行的任何代码。但是,在返回值时,您可以排除花括号。 此外,如果只有一个参数,您可以排除它周围的括号。 这看起来像这样:
如果您的函数没有参数,您只需使用一对空括号,后跟通常的。像这样:
箭头函数可用于替代任何函数用例。例如,在 React 中,您可以使用箭头函数来定义功能组件而不是常规函数。 另一个用例可能是作为回调函数。例如,如果我们有一个看起来像这样的用户数组:
我们想使用 JavaScript.filter方法来选择 18 岁以上的用户:
这是箭头函数可以显着减少您必须编写的代码量的一种用例。这也适用于其他数组方法.map,例如: |
|