ES6箭头函数与普通函数有何区别？

本文共计3579个文字，预计阅读时间需要15分钟。

ES6箭头函数+0. 为什么会出现箭头函数？

1.传统的JavaScript函数语法并没有提供任何的灵活性，每次需要定义一个函数时，都必须使用`function () {}`的形式。这种形式虽然简单，但缺乏灵活性，每次定义函数都需要重复相同的结构。ES6引入的箭头函数（Arrow Functions）简化了函数的定义，使得代码更加简洁。

2.箭头函数提供了更简洁的语法，可以直接使用`()`代替传统的`function () {}`，使得代码更加简洁易读。同时，箭头函数还提供了一些内置的语法特性，如自动绑定`this`值，简化了回调函数的使用。

箭头函数：

1.传统的JavaScript函数语法没有提供任何的灵活性，每次定义函数时都必须使用`function () {}`的形式。这种形式虽然简单，但缺乏灵活性，每次定义函数都需要重复相同的结构。

2.ES6引入的箭头函数简化了函数的定义，使得代码更加简洁。箭头函数提供了一些内置的语法特性，如自动绑定`this`值，简化了回调函数的使用。

ES6—箭头函数

0.为什么会出现箭头函数？

1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function () {},这至少会出现两个问题，ES6箭头函数都圆满解决了它，

第一个问题：代码输入快了容易输错成 funciton或者functoin或者其它，但是=>这个玩意你要是再写错就只能说有点过分了。

第二个问题：节省大量代码，我们先不用管下面的ES6代码为什么这样的语法能实现同样的功能，我们就直观的感受一下代码量。