Javascript Currying and Pipes
Sep 3, 2020 10:11 · 197 words · 1 minute read
If you have ventured in RxJS the concept of .pipe() is very fammiliar. Here we will recreate simmilar functionality
Creating our two main functions
Curry
Simple enough, we take in Function as argument and return a function. If the arguments length is greater than passed Fn arguments length we immediately call it. If not we return a new bound function.
Pipe
We take in array of functions and in our case return a function taking in 1 argument.
The passed functions are stored in closure while the X argument will be used to kick of
reduce() call in returned function.
Combining the two
First we “store” 2 functions with our curry() call that will be later used.
Now we call our pipe function passing our 2 curried function calls inside as arguments. At this point
the split() and join() will get their first argument which is separator.
Now we can call the result of pipe call and store it in result. This kicks of the fns.reduce((fnRes, nextFn) => nextFn(fnRes), x); and passes it its needed X argument which is in our case string “My Little Pony”;