redux里compose函数源码看不太懂

Question

下面是Redux里compose方法源码：export default function compose(...funcs) {  if (funcs.length === 0) {    return arg => arg  }  if (funcs.length === 1) {    return funcs[0]  }  const last = funcs[funcs.length - 1]  const rest = funcs.slice(0, -1)  return (...args) => rest.reduceRight((composed, f) => f(composed), last(...args))}希望能得到各位详细的解析，谢谢

Answer 1

没有看过redux源码,不过看得懂这个compose函数，现在来说说：

首先 compose 传入的是一串不确定个数的function 作为参数，参数个数大于或者等于2，其实执行过程的是调用一串function队列，从右向左调用，从执行compose方法来说明：

compose(fn1 ,fn2, fn3, ...fn[n-2],fn[n-1],fnn)(...args) ;   

上面的执行过程等价于：

 

 fn1(fn2(......(fn[n-2](fn[n-1](fnn(...args))))))

再说的清楚点就是：

 compose(a,b,c,d)(...args) = a(b(c(d(...args))))

楼主去看看Array的原生方法reduce 和 reduceRight,就很快能理解了。

今天去看了一下redux源码，发现写法已经变了，最后一步变成了

 return funcs.reduce((a, b) => (...args) => a(b(...args)))

其实执行过程还是跟上面的一样，只是写法不同而已

Answer 2

了解一下Array的reduce函数就好理解了