打字稿 - setTimeout 与 async 和 await 相结合的意外序列

Question

当我运行此脚本时，输出与我预期的不同：1 到 4。这是为什么？

const delay2 = async ( ms: number) => setTimeout( () => {
  console.log( '2 - timeout')
}, ms);

const mainAsync2 = async () => {
  console.log( '1 - before');
  await delay2( 2000);
  console.log( '3 - after');
}
mainAsync2()
.then( res => console.log( '4 - done'));

输出是：

 1 - before 3 - after 4 - done 2 - timeout

Answer 1

setTimeout本身不返回承诺，因此await什么都不做。 它只是将超时设置为ms毫秒。 相反，你应该让你的delay2返回一个在ms毫秒后解决的承诺，例如：

const delay2 = async (ms: number) =>
    new Promise(res => setTimeout(() => { 
        console.log('2 - timeout');
        res();
    }, ms));