JS中的pipe原理

博主在学习reduce()时遇到‘功能型函数管道’练习,对代码中的pipe函数不理解。代码包含es6扩展运算符、箭头函数和reduce()方法,经展开拆解后更易看清。调用pipe(x, f1, f2)时会返回f2(f1(x))。

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

学习reduce()时遇到一个练习“功能型函数管道”,对于代码中的pipe不能理解,类似于下面这一行代码,信息量很丰富,有es6中的扩展运算符,箭头函数,reduce()方法。

const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x); 

展开:

const pipe = function(x, ...fns) {
	fns.reduce((y, f) => f(y), x);
}

进一步拆解:

function pipe(x, ...fns){
		let accu= x;
		for(let f in fns){
			accu= f(accu)
		}
		return accu;
	}

这样就容易看清。
对于pipe()函数,当我们调用pipe(x, f1, f2)时,返回f2(f1(x))

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值