# 05-compose函数和pipe函数

# 定义

  • compose函数指的是对要嵌套执行的函数进行平铺,嵌套执行指的是一个函数的返回结果作为另一个函数的执行参数。核心思想是专注于函数执行过程,隔离数据的影响。

  • compose函数是从右向左去实现的数据执行流,而从左向右的数据执行流就是pipe函数。

function addTwo(num) {
    return num+2;
}
function multiThree(num) {
    return num*3;
}
function addOne(num) {
    return num+1;
}

// compose 从右向左实现
function compose(){
    var args = Array.prototype.slice.apply(arguments);
    return function (num) {
        return args.reduceRight((res,cb) => cb(res), num);
    }
}
//简写 compose
const compose1 = (...args)=> num => args.reduceRight((res, cb) => cb(res), num);

// pipe 从左向右实现
function pipe(){
    var args = Array.prototype.slice.apply(arguments);
    return function (num) {
        return args.reduce((res,cb)=>cb(res), num);
    }
}
//简写 pipe
const pipe1 = (...args)=> num => args.reduce((res, cb) => cb(res), num);

console.log(compose(addTwo, multiThree, addOne)(5)) // 20
console.log(compose1(addTwo, multiThree, addOne)(5)) // 20
console.log(pipe(addTwo, multiThree, addOne)(5)) // 22
console.log(pipe1(addTwo, multiThree, addOne)(5)) // 22




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

# 链式调用

可以使用promise来组成一个链式调用

Promise.resolve(5).then(addOne).then(multiThree).then(addTwo).then(res=>{
    console.log(res);
});
1
2
3