代码之家 › 专栏 › 技术社区 › Mehran

为什么在JS中调用异步函数不阻塞?

async-await javascript

Mehran · 技术社区 · 6 年前

请看下面的代码:

function promised() {
    return new Promise((resolve) => {
        setTimeout(() => resolve('Timeout'), 1000);
    });
}

async function awaited()
{
  const r = await promised();
  console.log('Line 10: ' + r);
  return r;
}

function start() {
  const r = awaited();
  console.log('Line 16: ' + r);
}

start();

console.log("All done");

运行此代码时,您将得到:

Line 16: [object Promise]
All done
Line 10: Timeout

但我希望得到:

Line 10: Timeout
Line 16: Timeout
All done

我的期望是 await 应该在第9行阻止执行。但似乎不是!我的问题是为什么?

1 回复 | 直到 6 年前

Any Moose 6 年前

    function promised() {
      return new Promise(resolve => {
        setTimeout(() => resolve("Timeout"), 1000);
      });
    }
    
    async function awaited() {
      const r = await promised();
      console.log("Line 10: " + r);
      return r;
    }
    
    function start() {
      const r = awaited();
      // r here is a promise, so you need to call then to wait until
      // awaited is finished.
      return r.then(d => console.log("Line 16: " + d));
    }
    
    start().then(() => console.log("All done"));

推荐文章

Akshay Malvankar · 我对在asp中使用asyn、await()和run()方法感到困惑。净mvc[关闭]

2 年前

Sante Kyaku · 为什么我要用等待来获得承诺的结果?

2 年前

rockets4all · 文件getElementbyId未找到由提取添加的元素

2 年前

Tomas Kubes · 是最大并发数。NET任务有限吗?

2 年前

Grant Pitt · 在JavaScript中导出异步值的最佳实践是什么?

2 年前

punkish · 并行异步获取/等待承诺。全部的

2 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

2 年前

Deepak Dev · 如何在包含多个异步函数的foreach循环中返回数据

2 年前

smith · 如何在vue中使用wait/async

2 年前

Andres533 · 将参数传递给async/await函数将返回“undefined”

2 年前