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()