• 技术文章 >web前端 >js教程

    es6的await用法是什么

    长期闲置长期闲置2022-03-31 11:37:24原创102

    es6中,await用于等待一个promise的异步请求,异步操作完成后恢复async函数的执行,该关键字只能在“async function”中使用,语法为“async function(){await=返回promise的异步请求}”。

    本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

    es6的await用法是什么

    语法为:

    async function(){await=返回promise的异步请求}

    await 是个运算符,用于组成表达式,await 表达式的运算结果取决于它等的东西。如果它等待的是一个 Promise 对象,等 Promise 对象 resolve,然后得到 resolve 的值,作为 await 表达式的运算结果。sync 函数调用不会造成阻塞,它内部所有的阻塞都被封装在一个 Promise 对象中异步执行。

    async 函数中可能会有 await 表达式,async 函数执行时,如果遇到 await 就会先暂停执行 ,等到触发的异步操作完成后,恢复 async 函数的执行并返回解析值。

    await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ,你只会得到一个语法错误。

    返回值

    返回 Promise 对象的处理结果。如果等待的不是 Promise 对象,则返回该值本身。

    如果一个 Promise 被传递给一个 await 操作符,await 将等待 Promise 正常处理完成并返回其处理结果。

    示例如下:

    function testAwait (x) {
      return new Promise(resolve => {
        setTimeout(() => {
          resolve(x);
        }, 2000);
      });
    }
     
    async function helloAsync() {
      var x = await testAwait ("hello world");
      console.log(x); 
    }
    helloAsync ();
    // hello world

    正常情况下,await 命令后面是一个 Promise 对象,它也可以跟其他值,如字符串,布尔值,数值以及普通函数。

    08.png

    【相关推荐:javascript视频教程web前端

    以上就是es6的await用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:es6
    上一篇:javascript中const的含义是什么 下一篇:聊聊Angular中怎么将迁移tslint至eslint
    PHP编程就业班

    相关文章推荐

    • 箭头函数是es6的新功能吗• es6中的反引号用来做什么• es6中yield是什么意思• es6中的map是什么意思• es6中filter和map的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网