前端组合函数Compose Function理解，封装

概述

1. 本文将会阐述组合函数的概念
2. 本文将会封装实现一个组合函数

一、组合函数概念

◐ 顺序调用函数→来对数据进行处理
◐ 将n个函数组合起来，自动进行顺序调用，实现这种形式的函数称之为组合函数

二、封装实现函数组合_compose

function _compose(...fns) {
  if (fns.length <= 0) return;
  for (let fn of fns) {
    if (typeof fn !== 'function') {
      throw new TypeError(`The parameter contains a non-function type. Please check!`);
    }
  }
  return function (...rest) {
    let res = fns[0](...rest);
    for (let i = 1; i < fns.length; i++) {
      res = fns[i](res);
    }
    return res;
  }
}

三、例子

function fn1(x) {
  return x + 22;
}
function fn2(x) {
  return x + 33;
}

1. 封装函数compose1实现两个函数fn1、fn2的依次调用

function compose1(fn1, fn2) {
  return function (x) {
    return fn2(fn1(x));
  };
}
const c1 = compose1(fn1, fn2);
console.log(c1(11)); // 66

2. 调用_compose组合fn1、fn2，验证

const c2 = _compose(fn1, fn2);
console.log(c2(111)); // 166