千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 什么是脚本中的箭头函数

什么是脚本中的箭头函数

来源:千锋教育
发布人:syq
时间: 2022-09-23 14:05:01 1663913101

  如果你是一个使用JavaScript的初学者,或者你过去看过一些JavaScript代码,你肯定见过箭头函数。但是,您还看到了保留字函数,并且可能已经看到一些函数是使用 let 或 const 声明的。这是因为在整个 JavaScript 的历史中,有不同的方法来声明和使用函数。

什么是脚本中的箭头函数

  目前,您可以使用多种方法声明函数。让我给大家看一些例子:

  声明函数的不同方法:

31

  除了最后一种方法之外,上述方法都不难理解。它真的是一种声明函数的方法吗?在哪里指定它是一个函数?使用箭头是什么意思?如果你对我过去有过怀疑,请冷静下来,因为你会完全理解箭头功能的内容,时间和原因。

  所以,首先...

  为什么存在箭头函数?

32

  2015 版的 ECMAScript 规范 (ES6) 添加了箭头函数,为语言提供了一种使用 lambda 函数(匿名函数,允许我们在不命名它们的情况下编写更快的函数)的方法,就像其他语言一样。通过这样做,他们为语言添加了新功能,并允许我们编写更短的函数语法。此新功能的语法与 PHP lambda 函数非常相似。

  “好吧,我能理解为什么,但我无法想象。箭头函数到底是什么?

  什么是箭头函数?

32

  箭头函数只是使用胖箭头声明匿名函数的新方法。但是,箭头函数在许多方面与传统函数不同。正因为如此,它们在某些情况下非常有用,但我们不必滥用它们(例如,您不能使用箭头函数作为构造函数,您必须注意在箭头函数中使用它,但这些概念与本文的范围相去甚远)。

  让我们看看箭头函数的结构。

  箭头函数结构

33

  绝对值。箭头函数是匿名的,你不能说出它的名字。例如,您可以在其他函数中将其用作回调,也可以从保存该函数的变量中推断其名称。在这种情况下, absValue 保存函数 (例如, 如果你想调用它, 你必须写 absValue(5)) 。

  (数字)。在括号后面,您将包括函数的参数。您可以使用一个或多个默认值...箭头函数也不支持括号语法。

  => {}.胖箭头和括号将向 JavaScript 指示它是一个箭头函数,该函数的语句位于何处。

  返回。如果函数返回某些内容,则必须使用保留字 return。但是,箭头函数也支持隐式返回。

  使用箭头函数缩短代码的方法

  创建箭头函数的原因之一是缩短代码。正因为如此,如果我们使用箭头函数来进一步缩短代码,我们可以使用一些“技巧”:

  隐式返回。我们可以省略大括号和 return 关键字,箭头函数将起作用。

34

  单个参数。如果我们只有一个参数,我们可以省略括号。

  内联箭头函数。如果我们的箭头函数只有一个语句或几个语句,我们只能用一行写它。

35

  实际情况下箭头函数的一些示例

  最后,让我为您提供一些箭头函数的真实示例:

37

  如果你想成为一名优秀的JavaScript开发人员,了解箭头函数是必须的。此功能为我们提供了编写简短函数定义的能力和编写匿名函数的能力。使用箭头函数缩短我们的代码可以提高代码的可读性,并提高我们作为开发人员的工作效率

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT