javascript異步/等待無法正常工作

Question

我有一個特定的情況，我需要在繼續之前等待異步調用結果。 我使用async / await關鍵字，但沒有運氣。 任何幫助贊賞。

這是我試圖讓它工作的嘗試，數字應按數字順序排列。

 function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function demo() { document.writeln('2...'); await sleep(2000); document.writeln('3...'); } document.writeln('1...'); demo(); document.writeln('4.'); 

Answer 1

async函數將返回Promise ，因此您需要等待對demo的調用

 const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms)) const demo = async() => { console.log('2...') await sleep(2000) console.log('3...') } const blah = async() => { console.log('1...') await demo() console.log('4.') } blah() 

Answer 2

你應該在異步函數之后使用.then() 。

 function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function demo() { document.writeln('2...'); await sleep(2000); document.writeln('3...'); } document.writeln('1...'); demo().then(() => { document.writeln('4.'); }); 

Answer 3

這就是我認為發生的事情。 在異步函數之外，存在一些不當行為，因此最好將它全部放在異步函數中並像這樣調用它。

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function demo() {
  console.log('1...');
  console.log('2...');
  await sleep(2000);
  console.log('3...');
  console.log('4...');

}
demo();