在香草Javascript中使用异步/等待的顺序承诺

Question

I would like to know how to solve running an array of promises using async, in sequential order, but specifically how to pass the resolved value from one function to the next.

All the examples I have seen so far just show something like this:

const value = await foo();
const value2 = await bar(value);

I'd prefer to do run them all together sequentially from an array, but just not sure how to pass the returned values between them (since I'm trying to use vanilla js async here).

Answer 1

You can create a pipeline like this:

let fnArray  = [foo,  bar, baz];
let lastResult;
for(let i = 0; i < fnArray.length; i++) {
     lastResult = await fnArray[i](lastResult);
}

Answer 2

Wrap them in a .then()

foo()
    .then(valueFoo => bar(valueFoo))
    .then(valueBar => AnotherFunc(valueBar))
    .catch(e => { console.log(e)})