JS async/await 使用

118 阅读1分钟

await

await 是 JavaScript 和 TypeScript 中用于处理异步操作的关键字,通常与 async 函数一起使用。它的主要用途是等待一个异步操作完成,然后获取操作的结果。

用法


function requestApi(param) {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       resolve(param);
     }, 2000);
   });
 }
 
async function fetchData() 
{ 
  const res1 = await requestApi('Jimmy');   
  const res2 = await requestApi(res1 + 'aaa');    
  const res3 = await requestApi(res2 + 'bbb');   
  console.log(res3); // Jimmyaaabbb  }  ​  fetchData();
}
 

程序会按照顺序,依次执行res1、res2、res3

catch

同时,await也会等待异常处理完成

function requestApi(params){
  return new Promise((resolve, reject)=>{
  setTimeout(()=>{reject(params)}, 1000)})
  }
  
async function fun(){
	const rlt = await requestApi('请求错误').catch((err)=>{console.log(err)})
	console.log('我来了')
}

image.png