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

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

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

1.传统的JavaScript函数语法并没有提供任何的灵活性，每次需要定义一个函数时，都必须输入`function () {}`。这导致代码冗余，且容易出错。ES6引入的箭头函数简化了函数定义，使得代码更加简洁。

2.箭头函数没有自己的`this`，它的`this`值在定义时就已经确定了，而不是在执行时。这使得在处理回调函数和事件处理时，`this`的绑定更加简单和一致。

ES6—箭头函数

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

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

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

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

ES5写法：

function addFive(num){ return num+5; } alert(addFive(10));

ES6写法：

var addFive = num=>num+5; alert(addFive(5));

没有function、没有return,没有()，没有{},这些全变成了浮云，世界好清静。

从上面我们就可以看到，使用箭头函数不仅仅能够避免错误，同时还能让我们少一丢丢代码，当然实际工作中远比这个代码量节省更多。