在现代的JavaScript开发中，箭头函数已经成为了一个非常常见且有用的特性。与传统的函数声明和表达式相比，箭头函数具有简洁、便捷、可读性高等优点，并且在一些特定场景下可以帮助我们避免一些常见的错误。
箭头函数的基本语法
箭头函数的基本语法非常简单，它使用=>符号来表示函数箭头，如下所示：
-- -------------------- ---- ------- -- ------- ----- -------- - -------------- - ------------------- ----------- -- -- ------- ----- -------- - ------ -- - ------------------- ----------- --
箭头函数可以通过省略大括号和return关键字来进一步简化：
// 箭头函数表达式（省略大括号和return） const sum = (a, b) => a + b;
如果箭头函数只需要返回一个对象字面量，则需要使用圆括号将其括起来：
// 返回对象字面量的箭头函数表达式
const getPerson = (name, age) => ({ name, age });箭头函数与this关键字
箭头函数具有独立于外部作用域的this值，这一点与传统函数在某些情况下表现出的行为不同。具体来说，箭头函数中的this指向的是定义该函数的上下文中的this值，而不是函数被调用时的this值。
-- -------------------- ---- -------
----- ------ - -
----- --------
-------- ---------- -
------------------- -- ---- -- ----------------
--
------ ---------- -
------------- -- -
---------------
-- ------
-
--
--------------- -- -- ------- -- ---- -- -------------在上面的示例中，greet方法中使用了箭头函数来设置定时器。由于箭头函数继承了greet方法中的this值，因此在定时器回调函数中可以正确地引用到sayName方法。
箭头函数与arguments对象
箭头函数没有自己的arguments对象，其参数列表是通过普通的函数参数来定义的。
-- -------------------- ---- -------
-- ------
-------- ----- -
--- ------ - --
--- ---- - - -- - - ----------------- ---- -
------ -- -------------
-
------ -------
-
-- -------
----- --- - --------- -- -
--- ------ - --
--- ---- - - -- - - ------------ ---- -
------ -- --------
-
------ -------
--在上面的示例中，箭头函数使用了ES6的扩展运算符来获取参数列表，并且没有使用arguments对象。
箭头函数的适用场景
虽然箭头函数具有许多优点，但并不是所有情况下都适合使用它们。一般来说，箭头函数适用于以下场景：
- 单行函数体：如果函数体非常简单，只需要一行代码就可以完成，那么可以考虑使用箭头函数来进一步简化语法。
- 无需this绑定：如果函数中没有引用
this关键字，或者能够通过其他手段来解决this指向的问题，那么可以考虑使用箭头函数。 - 简化回调函数：如果需要传递一个简单的回调函数作为参数，而该回调函数只需要一个或两个参数，则可以考虑使用
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3765