箭头函数与普通函数的区别

箭头函数和普通函数在语法和功能上有一些不同:

1. 箭头函数使用箭头（=>）来定义函数，而不是使用function关键字。
2. 箭头函数可以省略function关键字、大括号和return关键字，来简化函数的定义。
3. 箭头函数没有自己的this值，它们的this值继承自外围作用域。
4. 箭头函数不能用作构造函数，不能使用new关键字来实例化对象。
5. 箭头函数不能使用arguments对象，但可以通过 rest 参数来获取函数的参数。
6. 箭头函数适用于需要简洁代码和简单函数的场景，而普通函数则更加灵活，适用于复杂的操作和需要this值的场景。

以下是箭头函数和普通函数的示例代码：

// 普通函数
function sum(a, b) {
  return a + b;
}

// 箭头函数
const sum = (a, b) => a + b;

// 普通函数
const obj = {
  name: 'Alice',
  getName: function() {
    return this.name;
  }
};

// 箭头函数
const obj = {
  name: 'Alice',
  getName: () => this.name
};

总之，箭头函数是一种比较新的函数形式，它可以简化代码，但也存在一些限制。在使用时需要根据实际情况进行选择。