async await 语法糖的基本使用

async/await 是一种用于处理异步操作的语法糖,它让你可以使用类似于同步代码的方式来编写异步代码。

下面是一个例子,展示了如何使用 async/await 来处理一个异步函数:

// 定义一个异步函数
async function fetchData() {
    
    
  // 模拟一个异步操作,返回一个 Promise
  return new Promise((resolve) => {
    
    
    setTimeout(() => {
    
    
      resolve('Data fetched successfully');
    }, 2000);
  });
}

// 调用异步函数
async function getData() {
    
    
  console.log('Start');
  
  // 使用 await 等待异步函数的结果,并将结果赋值给变量
  const result = await fetchData();
  
  console.log(result);
  console.log('End');
}

// 调用异步函数
getData();

在上面的例子中,fetchData 函数返回一个 Promise 对象,在 getData 函数中使用 await 关键字等待 fetchData 函数的结果。当 fetchData 完成并返回结果后,将结果赋值给变量 result

注意,await 必须在 async 函数内部使用,它将暂停函数的执行,直到异步操作完成并返回结果。

需要注意的是,await 只能在 async 函数中使用,所以我们定义了一个名为 getDataasync 函数来调用异步函数。

输出结果:

Start
Data fetched successfully
End

需要注意的是,使用 await 的函数必须在其定义前标记为 async 函数。

猜你喜欢

转载自blog.csdn.net/qq_27487739/article/details/132845330
今日推荐