箭头函数的返回值

ES6中的箭头函数和平时使用的函数的区别

• this
  大部分人都知道是this不在动态绑定了，而是在写箭头函数的时候就定义好了
• 返回值
  关于这个问题的出现，是因为看到一些关于箭头函数的应用
  首先来猜下一下会console什么出来

let fn1 = function (a, b) {
    a + b
}
let fn2 = function (a, b) {
    return a + b
}
let fn3 = (a, b) => a + b
let fn4 = (a, b) => { a + b }
let fn5 = (a, b) => {return a + b}

fn1(1, 2)    
fn2(1, 2)
fn3(1, 2)
fn4(1, 2)
fn5(1, 2)

结果 undefined/ 3/ 3/ undefined/ 3
实验证明，在不添加大括号的时候箭头函数会默认return语句，加了大括号就正常，所以fn4和fn1一样显示undefined

应用

• 连续的箭头函数使用

let fn = (x) => (y) => x+y 
fn(1) // y=>x+y
fn(2) // 3

• 偏函数
  偏应用一个函数意思是通过预先填充原始函数的部分(不是全部)参数来创建一个新函数。

let fn = (x) => (y) => x+y 
let firstFn = fn(1) // 先填充一部分
firstFn(2) // 3 在补充后计算

还有很多很多应用，这里主要是想说明箭头函数返回的值，尤其是在连续使用箭头函数的情况下不被吓到。