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

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

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

1.传统的JavaScript函数语法没有提供任何的灵活性，每次定义函数时都需要输入 `function () {}`。这导致了一些不便，例如每次定义函数时都需要重复相同的语法结构，且容易出错。ES6引入的箭头函数简化了函数定义，使得代码更简洁、易读。

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,没有()，没有{},这些全变成了浮云，世界好清静。

从上面我们就可以看到，使用箭头函数不仅仅能够避免错误，同时还能让我们少一丢丢代码，当然实际工作中远比这个代码量节省更多。
一方面是因为积累效应，每一部分少一丢丢合起来就多了，一方面是它还有更能节省代码和大幅提高工作效率的场景。

接下来我们就说说今天的主角--箭头函数。