js 管道思想

最新推荐文章于 2025-04-27 15:35:06 发布

爱早睡的老林

最新推荐文章于 2025-04-27 15:35:06 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：原生js es6

本文链接：https://blog.youkuaiyun.com/m0_38005587/article/details/85410217

原生js 同时被 2 个专栏收录

13 篇文章

订阅专栏

es6

2 篇文章

订阅专栏

本文介绍了ES6中管道思想的应用，通过reduce方法实现函数的串联，使得数据处理流程更加清晰和简洁。示例展示了如何使用自定义的pipeLine函数连接多个函数，形成数据流处理管线。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学习es6新语法时，发现一个很有用的思想，管道思想，即一个函数的输出值是下一个函数的输入值：

// pipeline 注意reduce参数的用法，将val作为reduce的第二个参数，也就是回调函数prev的默认值

const pipeLine = (...methods) =>(val=0)=>
    methods.reduce((prev,cur)=>cur(prev),val);

function fun1(a){
    return a+5
}
function fun2(b){
    return b+10
}
function fun3(b){
    return b+10
}
console.log(pipeLine(fun1,fun2,fun3)(10));// 35