什么是函数式编程中的pipe

函数式编程中的pipe是一种高阶函数，它用于将多个函数链式调用，从而达到一条管道一次性完成多个函数的效果。pipe函数让代码变得更加简洁，更加清晰，还能够提高代码的可读性。

一个通用的pipe函数

以javascript为例，实现一个pipe函数可以使用如下代码：

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

5个使用例子

例子1：多个函数实现字符串大小写转换

假设要实现将一个字符串转换成全部大写，再将全部大写转换成全部小写，使用pipe函数可以实现如下：

// 定义字符串转换函数
function toUpperCase(str){
    return str.toUpperCase();
}

function toLowerCase(str){
    return str.toLowerCase();
}

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

// 使用pipe函数链式调用
const result = pipe(toUpperCase, toLowerCase)('Hello World'); // 'hello world'

例子2：多个函数实现数字加减乘除

假设要实现一个数字计算，要求将一个数字加2，再乘以3，再减5，最后除以7，使用pipe函数可以实现如下：

// 定义数字计算函数
function addTwo(num){
    return num + 2;
}

function multiplyThree(num){
    return num * 3;
}

function minusFive(num){
    return num - 5;
}

function divideSeven(num){
    return num / 7;
}

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

// 使用pipe函数链式调用
const result = pipe(addTwo, multiplyThree, minusFive, divideSeven)(10); // 2

例子3：多个函数实现从对象中取值

假设要实现从一个对象中取值，要求先从对象中取出book属性，再取出book属性下的author属性，最后取出author属性下的name属性，使用pipe函数可以实现如下：

// 定义从对象中取值函数
function getBook(obj){
    return obj.book;
}

function getAuthor(obj){
    return obj.author;
}

function getName(obj){
    return obj.name;
}

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

// 使用pipe函数链式调用
const data = {
    book: {
        author: {
            name: 'John'
        }
    }
}

const result = pipe(getBook, getAuthor, getName)(data); // 'John'

例子4：多个函数实现数组去重

假设要实现一个数组去重，要求先过滤出重复的元素，再将重复的元素从原数组中删除，最后返回去重后的数组，使用pipe函数可以实现如下：

// 定义数组去重函数
function filterDuplicates(arr){
    return arr.filter((item, index, self) => self.indexOf(item) === index);
}

function removeDuplicates(arr){
    return arr.filter((item, index) => arr.indexOf(item) === index);
}

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

// 使用pipe函数链式调用
const data = [1, 2, 3, 1, 2, 4];

const result = pipe(filterDuplicates, removeDuplicates)(data); // [1, 2, 3, 4]

例子5：多个函数实现数组排序

假设要实现一个数组排序，要求先按照数字大小排序，再按照字母顺序排序，最后将排序后的数组返回，使用pipe函数可以实现如下：

// 定义数组排序函数
function sortNumber(arr){
    return arr.sort((a, b) => a - b);
}

function sortLetter(arr){
    return arr.sort();
}

// 定义pipe函数
function pipe(...fns){
    return val => fns.reduce((acc, curr) => curr(acc), val);
}

// 使用pipe函数链式调用
const data = [3, 2, 5, 1, 'a', 'b'];

const result = pipe(sortNumber, sortLetter)(data); // [1, 2, 3, 5, 'a', 'b']

结论

以上就是pipe函数在javascript中的五个使用例子，可以看到pipe函数使代码变得更加简洁，更加清晰，可读性也大大提高。因此，pipe函数在函数式编程中是一种非常有用的工具，能够大大提高代码的可维护性和可读性。

前端函数式编程简史 04 pipe数据流转