async await异步请求

最新推荐文章于 2023-06-15 15:11:43 发布

meng2lin

最新推荐文章于 2023-06-15 15:11:43 发布

阅读量368

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/meng2lin/article/details/108408375

版权

本文探讨了async和await在处理异步请求中的作用。async函数返回Promise，遇到await会暂停执行，等待Promise解析后再继续。await仅在async函数内有效，用于等待Promise对象，后续可跟不同类型的表达式。

摘要由CSDN通过智能技术生成

async await异步请求

已经好久没有写博客了，今天来聊一聊异步请求async await

1.async

返回值

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

async function helloAsync(){
    return "helloAsync";
  }
  
console.log(helloAsync())  // Promise {<resolved>: "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()