用 async/await 来处理异步实例

最新推荐文章于 2024-12-01 23:23:04 发布

原创最新推荐文章于 2024-12-01 23:23:04 发布 · 730 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#async #await

web前端同时被 2 个专栏收录

735 篇文章

订阅专栏

前端技术分享

271 篇文章

订阅专栏

本文通过一个具体的JavaScript示例介绍了如何利用async/await特性简化异步编程流程。通过定义一个返回Promise的函数并在2秒后解析双倍输入值，展示了如何使用async函数和await关键字来等待该异步操作完成并获取结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用 async/await 来处理异步实例</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
function doubleAfter2seconds(num) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(2 * num)
        }, 2000);
    } )
}
async function timeout() {
    var result = await doubleAfter2seconds(30);
    return result;
}
timeout().then(result => {
    console.log(result);
})
console.log('虽然在后面，但是我先执行');
</script>
</body>
</html>