箭头函数与普通函数的区别，箭头函数简化语法特性对比

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

箭头函数是ES6中新增的一种函数表达式，与普通函数相比，它有以下几个主要区别：

1、语法简洁：箭头函数的语法更加简洁，不需要使用function关键字，直接用=>表示，普通函数的写法是function sum(a, b) { return a + b; }，而箭头函数可以写成(a, b) => a + b。

2、没有自己的this：箭头函数不绑定自己的this，它会捕获其所在上下文的this值作为自己的this值，这意味着在箭头函数内部，this指向的是定义它时的上下文，而不是调用它时的上下文。

   const obj = {
     value: 100,
     func: () => {
       console.log(this.value); // 输出：100
     }
   };
   obj.func();

如果使用普通函数，this.value将输出undefined，因为普通函数的this指向调用它的对象。

3、不能作为构造函数：箭头函数不能用作构造函数，不能使用new关键字调用，尝试这样做会抛出错误。

4、不绑定arguments对象：箭头函数不绑定自己的arguments对象，但可以通过剩余参数...args来访问函数参数。

5、没有prototype属性：箭头函数没有prototype属性，因为它们不是用来构造对象的。

6、不能作为Generator函数：箭头函数不能用作Generator函数，不能在箭头函数前加星号(*)。

在日常开发中，箭头函数因其简洁的语法和没有自己的this而被广泛使用，在数组的map、filter等方法中，我们经常使用箭头函数来简化代码：

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // 输出：[2, 4, 6, 8, 10]

箭头函数和普通函数各有特点，在不同的场景下选择使用，箭头函数适用于需要简洁语法和固定this的场景，而普通函数适用于需要构造对象、绑定this或作为Generator函数的场景。