箭头函数是 ECMAScript 2015 引入的一种新的语法，它让函数表达式更加简洁并且易于阅读。在 ECMAScript 2017 中，箭头函数有了更多的特性和用法。本文将会介绍如何在 ECMAScript 2017 中正确使用箭头函数。
箭头函数的基本用法
箭头函数的基本语法如下：
(param1, param2, …, paramN) => { statements }可以理解为一个匿名函数，它有一个参数列表，和一个由花括号包括的函数体。使用箭头函数可以简化函数声明，例如：
// 只有一个参数，可以省略括号
x => x * x
// 没有参数，需要保留空括号
() => console.log('Hello World')
// 多个参数，需要加上括号
(x, y) => x + y箭头函数中，如果函数体只有一条语句，那么可以省略花括号：
// 只有一条语句，可以省略花括号
x => console.log(x)
// 多条语句，需要加上花括号
(x, y) => {
console.log(x)
console.log(y)
}箭头函数还有一个特性：如果函数体只有一个表达式语句，那么箭头函数会自动返回表达式的结果，无需使用 return 语句：
// 自动返回表达式结果
x => x * x
// 返回对象字面量需要加上括号
x => ({ foo: x })箭头函数的 this 关键字
在传统的 JavaScript 中，this 关键字的值在函数调用时绑定，并且会根据调用上下文的不同而发生变化。但在箭头函数中，this 关键字的值是在函数定义时绑定的，它的值由外层作用域决定。例如：
-- -------------------- ---- -------
-------- --------- -
---------- - -
-------------- -- -
-- ---- ---- ------- ---------
------------
-----------------------
-- -----
-
----- ------- - --- ---------为了保持代码的可读性和清晰度，箭头函数通常不应该用于需要 this 绑定的回调函数。
箭头函数的参数默认值和可选参数
箭头函数也可以使用参数默认值和可选参数：
-- -------------------- ---- -------
-- -----
--- - - -- -- - - -
-- ----
--- -- -- -
-- -- --- ---------- -
- - -
-
------ - - -
-箭头函数的剩余参数和扩展运算符
Arrow Function 还支持剩余参数和扩展运算符：
-- -------------------- ---- ------- -- ---- --- -- -------- -- - -------------- -------------- ----------------- - -- ----- ----- --- - --- -- -- ----- --- - ----------------
箭头函数的 this 绑定技巧
由于箭头函数没有自己的 this 绑定，所以它可以用于解决一些难以理解的 this 绑定问题，例如：
-- -------------------- ---- -------
----- ------ - -
----- -------
---- -- -- -
---------------------- -- ---------
-
-
------------ -- ---------
-- ---
----- ------ - -
----- -------
----- -
---------------------- -- ------
-
-
------------ -- ------此外，箭头函数还可以用于绑定 this 值，并返回一个新的函数：
-- -------------------- ---- -------
----- ------ - -
----- -------
------- -
------ -- -- -
-------------
-
-
-
----- ------- - --------------------- -
---------------------- -- ------
--
---------总结
箭头函数在 ECMAScript 2017 中得到了更多的特性和用法。具有语法简单、代码易读等优势，但在使用时要注意 this 绑定的问题。希望本文对理解箭头函数及其在 JavaScript 开发中的使用有所帮助。
参考代码：
-- -------------------- ---- -------
----- --- - --- -- -- -
------ - - - - - - -
-
----- ------ - -
----- -------
---- -- -- -
----------------------
-
-
----- ------ - --- - - -- -------- -- -
-------------- -- --------
-
----- ------ - ----- -- -
------ ----------------
-
----- -------- - ---- -------- -- -
------ -- -- -
----------------
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645e7eed968c7c53b00d62c2