js中箭头函数的使用

1，一般我们定义函数的方式：

2，我们在对象中定义函数的方式

 

 3，ES6函数箭头函数的引入

（1）先回顾最开始定义函数的样子，所有的箭头函数都是从这个原始的函数变换而来。

（2）针对无参函数，

第一步：我们直接将function去掉；

 

第二步：因为无参，所以我们就直接括号就可以了，在小括号和中括号之间加上箭头

 

 

（3）箭头函数含有参数和返回值时，

有参数问题：

第一种情况：有一个参数，如下图所示，一个参数的时候，可以将小括号去掉

 

第二种情况：有两个参数时；

 有返回值问题：

第一种情况：函数代码块有多行代码时

 

第二种情况：函数代码块有一行代码时

我们在使用箭头函数的时候，不仅要搞清楚我们函数传入的参数有几个，同时也要看我们代码块中是否有多行代码，

这样我们才可以搞清楚是不是可以将代码划到最简。