Javascript ES6 Promise函数选项

Question

I have an async function which can call one of multiple other async functions; I can split this up into multiple .then.catch chains, but I'm wondering if I can merge them together somehow. What I have is:

return new Promise((resolve, reject) => {
    if (payload.method === 'a')
        doFunctionA(arg)
        .then((x) => resolve())
        .catch((error) => reject())
    else if (payload.method === 'b')
        doFunctionB()
        .then((x) => resolve())
        .catch((error) => reject())
});

That's simplified, but is there another way to write this so that the then and catch is only written once? Like:

return new Promise((resolve, reject) => {
    var f = (payload.method === 'a' ? doFunctionA(arg) : doFunctionB());
    f()
    .then((x) => resolve())
    .catch((error) => reject())
});

Answer 1

Since doFunctionA and doFunctionB already return Promises , you don't have to wrap them in another Promise :

(payload.method === 'a' ? doFunctionA : doFunctionB)(arg)
  .then((x) => resolve())
  .catch((error) => reject())

Answer 2

Yes. You are very close to the right way, except you are calling f twice. Try something like :

return new Promise((resolve, reject) => {
    (payload.method === 'a' ? doFunctionA : doFunctionB)(arg)
        .then((x) => resolve())
        .catch((error) => reject())
    ;
});

Still better is to return the function as suggested by @Patrick

return (payload.method === 'a' ? doFunctionA : doFunctionB)(arg);