讲解一下ES6 async关键字的使用方法

async 作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。

async

语法

async function name([param[, param[, ... param]]]) { statements }
  1. name: 函数名称。
  2. param: 要传递给函数的参数的名称。
  3. statements: 函数体语句。

返回值

async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。

async function helloAsync(){
   return "helloAsync";
 }
 
console.log(helloAsync())  // Promise {: "helloAsync"}

helloAsync().then(v=>{
  console.log(v);         // helloAsync
})

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

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

function testAwait(){
  return new Promise((resolve) => {
      setTimeout(function(){
         console.log("testAwait");
         resolve();
      }, 1000);
  });
}

async function helloAsync(){
  await testAwait();
  console.log("helloAsync");
}
helloAsync();
// testAwait
// helloAsync

await

await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

语法

[return_value] = await expression;

expression: 一个 Promise 对象或者任何要等待的值。

返回值

返回 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 对象,它也可以跟其他值,如字符串,布尔值,数值以及普通函数。

function testAwait(){
  console.log("testAwait");
}
async function helloAsync(){
  await testAwait();
  console.log("helloAsync");
}
helloAsync();
// testAwait
// helloAsync

await针对所跟不同表达式的处理方式:

Promise 对象:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。 非 Promise 对象:直接返回对应的值。

原创文章,作者:晴川运维,如若转载,请注明出处:https://baike.qcidc.com/8691.html

(0)
晴川运维晴川运维
上一篇 2025年6月12日
下一篇 2025年6月12日

相关推荐

  • 如何在 Apache 中重定向 URL 到另外一台服务器

    如我们前面两篇文章(使用 mod_rewrite 执行内部重定向和基于浏览器来显示自定义内容)中提到的,在本文中,我们将解释如何在 Apache 中使用 mod_rewrite 模…

    Linux系统 2025年10月8日
  • Linux 系统中如何输入emoji

    emoji 是在 Unicode 字符空间里的有趣表情图,它们已经风靡于整个互联网。emoji 可以用来在社交媒体上表示自己的心情状态,也可以作为重要文件名的视觉标签,总之它们的各…

    Linux系统 2025年6月8日
  • Linux下结束进程常用方法

    您是否遇到过当您使用该应用程序时,它突然变得无法响应并意外崩溃。当您再次尝试启动该应用程序时,但由没有任何反应,这是因为原来的应用程序进程不会完全关闭,因此无法再次启动该应用那么怎…

    Linux系统 2025年10月18日
  • Python3 re模块match与search

    正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的…

    Linux系统 2025年7月10日
  • Linux中与用户账号相关的重要文件

    完成用户管理的工作有许多种方法,但是每一种方法实际上都是对有关的系统文件进行修改。 与用户和用户组相关的信息都存放在一些系统文件中,这些文件包括/etc/passwd, /etc/…

    Linux系统 2025年6月9日
  • 快速上手Linux ptrace 的实现

    Ptrace 提供了一种父进程可以控制子进程运行,并可以检查和改变它的核心image。它主要用于实现断点调试。一个被跟踪的进程运行中,直到发生一个信号。则进程被中止,并且通知其父进…

    Linux系统 2025年6月12日
  • 细说Linux系统启动流程

    linux启动时我们会看到许多启动信息,Linux系统的启动过程并不是大家想象中的那么复杂,其过程可以分为5个阶段:内核的引导、运行 init、系统初始化、建立终端 、用户登录系统…

    Linux系统 2025年10月27日
  • 详解C++中常量与指针

    在面试中我们经常会被面试官问到什么是常量指针,什么又是指针常量,在C++中也很容易把常量与指针常量与指针搞混,下面为大家详细讲解一下C++中常量与指针。 前言 和指针联用有佷微妙的…

    Linux系统 2025年9月24日
  • HTML 元素使用实例

    HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码,下面为大家详细讲解一下HTML 元素 HTML…

    Linux系统 2025年6月8日
  • Linux下实现双网卡bonding

    Linux双网卡绑定实现就是使用两块网卡虚拟成为一块网卡,通俗点讲就是两块网卡具有相同的IP地址而并行链接聚合成一个逻辑链路工作。其实这项技术在Sun和Cisco中早已存在,被称为…

    Linux系统 2025年9月23日

发表回复

登录后才能评论