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 function後使用.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 2

異步函數會返回一個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()