JS async (async/await) 返回promise但也执行函数

Question

JavaScript 异步函数返回 Promise，但也执行该函数。这有点违背了目的。请解释。还有一种方法可以通过仅使用 async/await（不是 Promise）来返回 Promise 而不是执行。

https://jsfiddle.net/ravilution/woxkossp/

function wait(ms){
  var start = new Date().getTime();
  var end = start;
  while(end < start + ms) {
    end = new Date().getTime();
  }
}

const fn = async (value) => {
  console.log("start fn ", value)
  wait(2000);
  console.log("end fn ", value)
  return value;
}

const main = async () => {
  var promiseForFn = fn(3);
  console.log("promiseForFn ", promiseForFn);
  var value = await promiseForFn;
  console.log("value ", value);
}

main()

或

https://jsfiddle.net/ravilution/o44kbj9p/

const wait = async(ms) => {
  var start = new Date().getTime();
  var end = start;
  while (end < start + ms) {
    end = new Date().getTime();
  }
}

const fn = async(value) => {
  console.log("start fn ", value)
  await wait(2000);
  console.log("end fn ", value)
  return value;
}

const main = async() => {
  var promiseForFn = fn(3);
  console.log("promiseForFn ", promiseForFn);
  var value = await promiseForFn;
  console.log("value ", value);
}

main()

将函数标记为async 并不是让它真正异步的原因是答案。感谢@another-guy

Answer 1

async 关键字只能用于在其代码块中使用 await 的函数。在您的情况下，“等待”功能是同步的（并阻止事件循环）-因此不需要异步字。

Answer 2

• 有很多方法可以实现代码的异步性。回调、setTimeout 和 Promises 等内置函数是一些常见的。
• 将函数标记为async 是不是使它真正异步的原因。它允许您在要等待 Promise 的地方使用关键字 await。
• 是的，await/async 仅适用于 Promise。它们对于以应用于异步代码的命令式（同步）样式表示分支和更复杂的流控制很有用。

试试下面的代码，看看它是如何工作的，希望对你有帮助：

---

function wait(ms, text) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('complete', text);
      resolve({});
    }, ms);
  });
};

async function doTwoThings() {    // This func will return a Promise
  await wait(2000, 'BBB');        // - to which you can subscribe with `.then`
  await wait(1000, 'AAA');        // - or `await` on within another `async` function.
  return 'Both done';
}

doTwoThings()
  .then(
     result => console.info('Done done done!', result),
     err => console.error('Oooops', err)
  );