0

0

JavaScript中如何使用async和await执行异步处理

不言

不言

发布时间:2019-01-10 16:47:15

|

2702人浏览过

|

来源于php中文网

原创

async/await是一个主要功能,可以更简洁有效地描述promise的异步处理,异步处理是无需等待处理结果就能马上执行下一个处理的机制,它可以很容易地通过使用promise来实现。

JavaScript中如何使用async和await执行异步处理

在Promise的情况下,我们使用“then”来连接,因此它会变成很单调的代码。

例如,如果使用“then”运行多个Promise进程,它看起来像这样:

getDate()
.then(function(data) {
    return getYear(data)
}) .then(function(year) {
    return getSomething(year)
}) .then(function(item) {
    getAnotherThing(item)
})

在某些情况下,使用Promise.all()可以更好的实现,但仍然必须使用then。

立即学习Java免费学习笔记(深入)”;

我们如果学习了如何使用async/await,这样就可以提高效率了。

如何使用async/await?

我们先来看一下基本的语法

async可以定义一个函数,只需在function之前写入就可以执行异步处理。

async function() { }

如果这样写async,这个函数将返回Promise。

此外,await是Promise处理的结果返回之前暂时停止的运算符。

await Promise处理

通过在描述Promise处理的函数之前简单地写await,它会暂停直到结果返回。

php中级教程之ajax技术
php中级教程之ajax技术

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速

下载

但是,请注意await只能用于async中定义的函数!

同样由于这个原因,async / await经常会成对的使用。

如何使用async/await编写异步处理?

首先,假设有以下Promise处理。

function myPromise(num) {
  return new Promise(function(resolve) {
 
    setTimeout(function() { resolve(num * num) }, 3000)
 
  })
}

这个例子,明白在Promise内记述着故意花费3秒的时间的处理。

如果使用async/await而不使用then ,则如下所示。

async function myAsync() {
    var result = await myPromise(10);
    console.log(result);
}

执行结果为:100

在这个例子中,通过赋予async来创建异步处理的函数。

描述函数内的Promise处理是myPromise()前的await

这将暂时等待Promise进程,该进程将在3秒后返回结果,并且一旦获得结果,函数内的进程将继续处理。

在执行结果中,可以获得给定参数10相乘的值100。

相关专题

更多
ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

86

2025.12.26

压缩文件加密教程汇总
压缩文件加密教程汇总

本专题整合了压缩文件加密教程,阅读专题下面的文章了解更多详细教程。

50

2025.12.26

wifi无ip分配
wifi无ip分配

本专题整合了wifi无ip分配相关教程,阅读专题下面的文章了解更多详细教程。

100

2025.12.26

漫蛙漫画入口网址
漫蛙漫画入口网址

本专题整合了漫蛙入口网址大全,阅读下面的文章领取更多入口。

293

2025.12.26

b站看视频入口合集
b站看视频入口合集

本专题整合了b站哔哩哔哩相关入口合集,阅读下面的文章查看更多入口。

589

2025.12.26

俄罗斯搜索引擎yandex入口汇总
俄罗斯搜索引擎yandex入口汇总

本专题整合了俄罗斯搜索引擎yandex相关入口合集,阅读下面的文章查看更多入口。

725

2025.12.26

虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

63

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

30

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

94

2025.12.25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Web前端Promise教程从入门到精通
Web前端Promise教程从入门到精通

共46课时 | 5.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号