特点

1. 简洁的语法形式：箭头函数使用了更简洁的语法形式，省略了传统函数声明中的function关键字和大括号。它通常可以在更少的代码行数中表达相同的逻辑。
2. 没有自己的this：箭头函数没有自己的this绑定，它会捕获所在上下文的this值。这意味着箭头函数中的this与其定义时所在的上下文中的this保持一致，而不是在函数被调用时动态绑定。这可以避免传统函数中常见的this指向问题，简化了对this的使用和理解。
3. 没有arguments对象：箭头函数也没有自己的arguments对象。如果需要访问函数的参数，可以使用剩余参数（Rest Parameters）或使用展开运算符（Spread Operator）将参数传递给其他函数。
4. 无法作为构造函数：箭头函数不能用作构造函数，不能使用new关键字调用。它们没有prototype属性，因此无法使用new关键字创建实例。
5. 隐式的返回值：如果箭头函数的函数体只有一条表达式，并且不需要额外的处理逻辑，那么可以省略大括号并且该表达式将隐式作为返回值返回。
6. 不能绑定自己的this、super、new.target：由于箭头函数没有自己的this绑定，也无法使用super关键字引用父类的方法，也无法使用new.target获取构造函数的引用。

作用

1. 简化普通函数：箭头函数提供了更简洁的语法形式，可以在需要定义函数的地方使用更短的代码来表达同样的逻辑。这可以提高代码的可读性和维护性。
2. 保留上下文：箭头函数没有自己的this绑定，它会捕获所在上下文的this值。这意味着在箭头函数中，this的值是在函数定义时确定的，而不是在函数被调用时动态绑定。这种特性可以避免传统函数中的this绑定问题，并使代码更易于理解和维护。

使用场景

1. 简化函数表达式：当需要定义一个简单的函数表达式时，可以使用箭头函数代替传统的函数表达式，减少代码量。

复制 1// 传统函数表达式
 2const sum = function(a, b) {
 3  return a + b;
 4};
 5
 6// 箭头函数
 7const sum = (a, b) => a + b;

2. 箭头函数作为回调函数：当需要传递回调函数时，箭头函数可以提供更简洁的语法形式，同时保留外层上下文中的this。

复制 1// 传统回调函数
 2someFunction(function() {
 3  console.log(this); // 外层上下文的this
 4});
 5
 6// 箭头函数作为回调函数
 7someFunction(() => {
 8  console.log(this); // 外层上下文的this
 9});

3. 简化函数中的this绑定问题：由于箭头函数没有自己的this绑定，可以避免使用传统函数中常见的bind、call或apply等方法来绑定this。

复制 1// 传统函数中的this绑定
 2const obj = {
 3    value: 42,
 4    getValue: function() {
 5        setTimeout(function() {
 6            console.log(this.value); // undefined，因为此时this指向全局对象
 7        }, 1000);
 8    }
 9};
10
11// 使用箭头函数避免this绑定问题
12const obj = {
13    value: 42,
14    getValue: function() {
15        setTimeout(() => {
16            console.log(this.value); // 42，箭头函数捕获了外层上下文的this
17        }, 1000);
18    }
19};
20
21    // ```