js函数聚合的三种实现方式

Posted 代码男孩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js函数聚合的三种实现方式相关的知识,希望对你有一定的参考价值。

// 第一种:闭包存储,遍历执行
function compose1 (arr) {
  return (param) => {
    for (let fn of arr) {
      param = fn(param);
    }
    return param;
  }
}

// 第二种:递归嵌套,依次执行
function compose2 (arr) {
  return arr.length <= 1 ? arr[0] : (...args) => compose2(arr.slice(1))(arr[0](...args))
}

// 第三种:累加嵌套,依次执行,跟第二种相似
const compose3 = (arr) => arr.reduce((res, cur) => (...args) => cur(res(...args)));

function a (p) {
  return p + 1;
}
function b (p) {
  return p + 6;
}
function c (p) {
  return p * 2;
}

const fn = compose1([a, b, c])
console.log(fn(1))

以上是关于js函数聚合的三种实现方式的主要内容,如果未能解决你的问题,请参考以下文章

js函数的三种成创建方式以及它们各自的不同

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

原生JS事件绑定的三种方式

原生JS事件绑定的三种方式

HTML中使用JavaScript的三种方式及优缺点

JS创建对象,数组,函数的三种方式