在 ECMAScript 2015（ES6）中，箭头函数被引入作为新的函数声明方式，使得我们能够更方便地编写简短的、可读性强的代码。随着 ECMAScript 的不断发展，箭头函数在其后续版本中也迎来了一些新的变化和特性。本文将带您深入了解 ECMAScript 2021 中的箭头函数。
箭头函数的使用
箭头函数本质上是在匿名函数的基础上，通过“=>”符号简化了函数的定义方式。箭头函数具有以下特点：
- 语法简洁：省略了 function 关键字和 return 语句，因此可以写出更为简洁的代码。
- 自动绑定 this：箭头函数中的 this 指向函数定义时所在的对象，而不是函数被调用时所在的对象。
- 无法作为构造函数：由于箭头函数没有自己的 this 和 prototype，因此无法作为构造函数使用。
- 无法使用 arguments 对象：箭头函数中没有 arguments 对象，只能通过 rest 参数的形式获取函数参数。
- 无法使用 yield 表达式：箭头函数中不能使用 yield 表达式，因此也无法作为生成器函数使用。
下面是一个简单的箭头函数示例：
const add = (a, b) => a + b; console.log(add(1, 2)); // Output: 3
上述代码中，箭头函数 add 接受两个参数 a 和 b，并返回它们的和。由于箭头函数只有一条表达式，因此可以省略 return 关键字。
箭头函数的新特性
ECMAScript 2021 中新增了两个对箭头函数的扩展，分别是：the Function Sent 和 Decorators。
Function Sent
Function Sent（函数发送器）是一个能够在参数列表中通过“...”符号来访问函数参数并以迭代器的形式返回的特殊对象。函数发送器可以与箭头函数一起使用，使得操作数组和迭代器的代码更简洁。
下面是一个简单的使用函数发送器的例子：
const double = (...numbers) => {
return numbers.map((number) => number * 2);
};
console.log(double(1, 2, 3)); // Output: [2, 4, 6]在上述代码中，箭头函数 double 接受多个参数，并使用 map() 方法对这些参数进行处理，并最终返回处理后的结果。
Decorators
装饰器（Decorators）是一种可以修饰类、方法、属性等特性的语法。在 ECMAScript 2021 中，装饰器也被引入到了箭头函数中。使用装饰器可以更方便地对箭头函数进行功能增强。
下面是一个简单的使用装饰器的例子：
-- -------------------- ---- -------
----- --- - ------ -- -
------ --------- -- -
--------------------- --------- -----------
------ --------------
-
-
----- ----- - ------ -- -
------ ------- ----------
-
----- ----------- - --------------------
------------------------- -- ------- ------- -------在上述代码中，箭头函数 log 用于对另一个箭头函数 greet 进行装饰。使用 log(greet) 返回一个新的函数，该函数会在调用另一个函数之前输出一条日志，然后再调用该函数并返回其结果。
总结
箭头函数作为 ECMAScript 的一项核心特性，为我们编写简洁、高效、易读的代码提供了极大的便利。随着 ECMAScript 不断发展，在箭头函数上的新特性也不断被引入。熟悉并掌握箭头函数的使用和新特性，将有助于您编写更为高效、灵活的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64730f3b968c7c53b009458a