的JavaScript。使用回调，promises，async / await，generator将同步函数转换为异步

Question

我有两个功能，以前设计为同步运行。

function addOne(recievedInt) {
   ...some network requests happend...
   return recievedInt = receivedInt++;
}

和

function sum(arg1, arg2) {
   ... do some manipulations...
   return arg1 + arg2;
}

后者使用回调更改为异步，如下所示：function

addOne(recievedInt, callback),  sum(arg1, arg2, callback)

现在我需要更改以前使用同步到异步传递回调的函数的第三个函数到每个函数。

function compute(value) {
   var c = addOne(value);
   var a = sum(value, c) + c;
   return a;
}

我最好的解决方案是：

function compute(value) {
   return addOne(value, function(n1) {
      return sum(value, n1, function(n2) {
         return n2 + n1;
      });
   });
}

这是基于回调的异步版本的正确实现吗？以及如何使用async / await，generator，Promises进行转换

Answer 1

这里有一种方法可以将原始代码重构为async / await（不使用回调）：

const fakeAsyncStuff = () => Promise.resolve();

const addOne = async n => {
  await fakeAsyncStuff();
  return n + 1;
};

const sum = async (a, b) => {
  await fakeAsyncStuff();
  return a + b;
};

const compute = async value => {
  const c = await addOne(value);
  const a = await sum(value, c);
  return c + a;
};

compute(1).then(console.log);