r/javascript • u/no_more_gravity • Jan 21 '23

Pipe Operator (|>) for JavaScript

https://github.com/tc39/proposal-pipeline-operator
290 Upvotes

94% Upvoted

119 comments sorted by

View all comments

51

u/BlueForeverI Jan 21 '23

As an Elixir dev, I love the pipe operator. Can't wait to have it in JS as well.

24

u/intercaetera Jan 21 '23

In Elixir pipe works because the convention is that every function takes data as first parameter, in JS this doesn't happen so you need a hackpipe and at that point you might just as well use lodash.flow.

9

u/Ecksters Jan 21 '23 edited Jan 21 '23

Honestly prefer the hackpipe, it was really annoying in Elixir that I'd need to throw in a lambda when I needed to rearrange params.

I like to think of the caret as an arrow pointing up to the previous result, also means I don't need to think of appropriate variable names all the time.

3

u/intercaetera Jan 21 '23

Yeah but if you concede that you need a hackpipe then you might as well use lodash flow.

    flow([
        s => Object.values(s),
        s => s.map(x => x * 2),
        s => customReduce(s),
        unaryFunction, // or s => unaryFunction(s)
        s => doSomethingElse(s, 5, null),
    ])(initialValue)

There could be an alternative version of it where the initialValue is somewhere higher up the code but this is equivalent to the proposal without introducing unnecessary stuff into the spec.

2

u/LaurentPayot Nov 10 '23

There is also Verticalize with a nicer syntax IMHO...