箭头函数在JavaScript 并允许您编写更短的函数语法。在 ES6 中引入,节省了大量的开发时间。例如, 在代码中使用箭头函数有一定的好处。 箭头函数将this绑定到周围代码的上下文。 马来西亚电话号码列表
当没有正文块并允许隐式返回时,该语法效果很好。 在某些情况下更简单和更短的代码。 它非常适合作为回调函数。 由于语法问题,最初使用箭头函数可能会有点问题,马来西亚电话号码列表
但是一旦您熟悉了它,它对于开发人员来说真的是非常有益的。您可以使用以下策略在 JavaScript 中编写出色的箭头函数。
1. 函数名推断 JavaScript 中的箭头函数是匿名的。马来西亚电话号码列表 函数的 name 属性是一个空字符串。 例如, 匿名函数在调试会话期间被标记为匿名。这使您不知道正在执行什么代码。 带有匿名代码的调试会话如下所示, 右侧的代码堆栈跟踪由两个匿名函数组成。此调用堆栈信息中没有有用的信息。 这就是函数名称推断有用的原因。JavaScript 中名称推断背后的想法是,您可以从其句法位置确定箭头函数。
例如, 由于变量增量包含箭头函数,JavaScript 现在决定“增量”可能非常适合该函数。马来西亚电话号码列表 因此箭头函数接收名称“增量”。 查看使用函数名称推断的会话 现在,由于箭头函数具有名称,调用堆栈提供了有关正在执行的代码的更多信息: 马来西亚电话号码列表 handleButtonClick 函数名称表示发生了按钮单击 incrementCounter 增加计数器变量 2. 可能时内联 内联函数是只有一个表达式的函数,它们很短,节省了大量的编码。 这是一个例子,