JS 中的 compose 函数绘图分析函数执行过程

最新推荐文章于 2022-11-22 09:21:18 发布

莱米code

最新推荐文章于 2022-11-22 09:21:18 发布

阅读量226

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq1154479896/article/details/107131644

版权

javascript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

在函数式编程中，经常会出现多个函数组合，像这样：

    const add1 = (x) => x + 1
    const mul3 = (x) => x * 3
    const div2 = (x) => x / 2
    
    add1(mul3(div2(add1(6))))	// 11.5

这样虽然能够完成计算，但是可读性很差，所以我们需要构造一个函数完成上面的功能：

   function compose(...funcs) {
   	if (funcs.length === 0) {
   		return arg => arg
   	}
   	if (funcs.length === 1) {
   		return funcs[0]
   	}
   	return funcs.reduce((a, b) => (...args) => a(b(...args)))
   }
   compose(add1, mul3, div2, add1)(6);	// 11.5