文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

await是es7的吗

2023-07-04 14:43

关注

本文小编为大家详细介绍“await是es7的吗”,内容详细,步骤清晰,细节处理妥当,希望这篇“await是es7的吗”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

await是es7。async和await是ES7中新增内容,是对于异步操作的解决方案。async顾名思义是“异步”的意思,async用于声明一个函数是异步的;而await从字面意思上是“等待”的意思,就是用于等待异步完成。async和await有一个严格规定,两者都离不开对方,且await只能写在async函数中。

一、什么是async和await

async和await是ES7中新增内容,对于异步操作的解决方案,它是Generator函数的语法糖。

async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,就是用于等待异步完成。

async和await它们两有一个严格规定,两者都离不开对方,但是,await只能写在async函数中。

二、用法

async如何处理返回值
async的返回值是一个promise对象,也就是说它会直接通过promise中的方法将返回值封装成一个promise对象。

async function Async() {return "hello world";}const result = Async();console.log(result);

await是es7的吗
从结果看来async函数返回的是promise对象,它会直接将返回值封装成一个promise对象。

如果没有返回值

async function Async() {    console.log("hello world");}let result1 = Async();console.log(result1);

await是es7的吗

从结果看来async函数返回的是promise对象,当时值是undefined。因此。在没有await的情况下,返回一个 promise 对象,并不会阻塞后面的语句。

但是await是在等待什么呢

function time(s) {  return new Promise((resolve) => {    setTimeout(resolve, ms);  });}async function Async(value, s) {  await time(s);  console.log(value);}Async('hello world', 50);

指定 50 毫秒以后,输出hello world。

一般用await去等待async函数完成,await 等待的是一个表达式,表达式的计算结果是 promise 对象或其它值,因此,await后面实际可以接收普通函数调用或直接量。
如果await等到的不是promise对象,表达式运算结果就是它等到的东西。
如果是promise对象,await会阻塞后面的代码,等promise对象处理成功,得到的值为await表达式的运算结果。虽然await阻塞了,但await在async中,async不会阻塞,它内部所有的阻塞都被封装在一个promise对象中异步执行。

任何一个await语句后面的 Promise 对象变为reject状态,那么整个async函数都会中断执行。

async function Async() {  await Promise.reject('出错了');  await Promise.resolve('hello world'); // 不会执行}let result1 = Async();console.log(result1);

await是es7的吗
从结果看来,第二个await语句是不会执行的,因为第一个await语句状态变成了reject。

三、Async函数的错误处理

如果await后面的异步操作出错,那么async函数返回的 promise 对象被reject了。

let a;async function f() {    await Promise.reject('error');    a = await 1; // await 没有执行}f().then(v => console.log(a));

从结果看来,当async函数中的await只要有一个出现reject状态,则后面的await都不会执行。一般解决办法用try…catch。

// 正确的写法let a;async function f() {    try {        await Promise.reject('error')    } catch (error) {        console.log(error);    }    a = await 1;    return a;}f().then(v => console.log(a)); // 1

从结果看来,这样就很好的解决了这个问题,当有多个await不会执行时,可以都放在try…catch中。

四、结论

async|await的优点:

读到这里,这篇“await是es7的吗”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯