您可以为新箭头函数语法提供一个用例吗？

=> 函数语法，也被称为 "箭头函数"，是在 ECMAScript 6（ES6）中引入的 JavaScript 功能。它提供了一种更简洁的编写函数的方式，并且在 this 的行为方面与传统函数表达式有一些不同。下面通过一个简单的用例来说明它的实用性：

用例：筛选数组

假设你有一个包含数字的数组，你想筛选出所有小于 10 的数字。你可以使用传统的函数语法和新的箭头函数语法来实现这一目标，如下所示：

传统函数语法

const numbers = [1, 5, 10, 15, 20];
const filteredNumbers = numbers.filter(function (number) {
  return number >= 10;
});

console.log(filteredNumbers); // 输出: [10, 15, 20]

箭头函数语法

const numbers = [1, 5, 10, 15, 20];
const filteredNumbers = numbers.filter((number) => number >= 10);

console.log(filteredNumbers); // 输出: [10, 15, 20]

箭头函数的优点

简洁性：箭头函数更加简洁，使你的代码更短且易于阅读。
this 行为：箭头函数没有自己的 this。相反，它们继承自它们在定义时的父级作用域中的 this。这在处理回调并希望保留 this 上下文的情况下特别有用。
隐式返回：如果函数体只包含一个表达式，箭头函数允许省略 return 关键字和花括号。

何时使用箭头函数

当你需要一个快速的、单行的函数时。
在回调函数中，当你想要保留 this 的词法作用域时。
在使用 map、filter、reduce 等高阶函数时。

何时不要使用箭头函数

对象方法：箭头函数没有自己的 this 上下文，在对象方法中可能会导致意外行为。
作为构造函数：箭头函数不能作为构造函数使用，如果使用 new 关键字会引发错误。
当你需要使用函数提升：与传统的函数声明不同，箭头函数不会提升。

箭头函数是 JavaScript 的一个强大补充，简化了函数语法，并解决了传统函数中 this 关键字的一些常见问题。它们在现代 JavaScript 开发模式中特别有用。