gpt4 book ai didi

JavaScript async/await 没有正确等待?

转载 作者:行者123 更新时间:2023-11-29 17:45:53 31 4
gpt4 key购买 nike

我在使用 JavaScript 的异步/等待函数时遇到问题。这是在我无法共享源代码的内部应用程序上发生的,但我将我的问题的快速通用复制放在一起:

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

async function baz(input) {
console.log("4");
await sleep(1000);
console.log("5");
return input;
}

async function bar(input) {
console.log("3");
return await baz(input);
}

async function foo() {
console.log("2");
const foo = await bar("foo");
return foo;
}

console.log("1");
foo();
console.log("6");

我希望这会在 45 之间等待一秒钟返回以下内容:

1
2
3
4
5
6
"foo"

相反,在 Chrome 64.0.3282.167 和 Firefox 58.0.2 的控制台中尝试此操作后,我收到此消息:

1
2
3
4
6
undefined
5

有人可以指出我哪里出错了吗?

最佳答案

顶层是同步运行的(一如既往)——它不会等待 foo(); 在继续 console.log("6") 之前解析;。将 foo 的调用包装在异步的东西中并 await 它。如果你想稍后显示它,你还需要保存 foo 的返回值:

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

async function baz(input) {
console.log("4");
await sleep(1000);
console.log("5");
return input;
}

async function bar(input) {
console.log("3");
return await baz(input);
}

async function foo() {
console.log("2");
const foo = await bar("foo");
return foo;
}

(async () => {
console.log("1");
const str = await foo();
console.log("6");
console.log(str);
})();

关于JavaScript async/await 没有正确等待?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49889453/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com