ES6 async函数使用方法详解_知识百科

ES6 async函数使用方法详解

分类：知识百科日期：2025-02-14 点击：0

ES6的async函数是Generator函数的语法糖，它用于将一个普通函数变成一个异步函数，使得异步操作可以用同步的写法编写。

async函数定义的语法如下：

async function foo() {
  // 这里是异步操作的代码
}

async函数的定义与普通函数定义的语法类似，只是在函数前面多了一个关键字async，表示这是一个异步函数，async函数内部可以包含异步操作。

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

async function foo() {
  return 'hello world';
}

foo().then(data => {
  console.log(data); // hello world
});

当async函数内部抛出错误，会导致返回的Promise对象变为reject状态，此时可以使用catch方法捕获错误。

async function foo() {
  throw new Error('error');
}

foo().catch(err => {
  console.log(err); // Error: error
});

async函数中可以使用await关键字，await关键字可以将异步操作的结果，赋值给一个变量，从而让代码更加简洁。

async function foo() {
  let result = await doSomething();
  console.log(result);
}

await关键字可以使得异步操作变得更加同步，从而让代码更加简洁。

async函数的使用非常简单，只需要在函数前面加上async关键字，就可以将一个普通函数变成一个异步函数，可以使用await关键字简化异步操作，并且async函数返回值是一个Promise对象，可以使用then方法添加回调函数，也可以使用catch方法捕获错误。

ES6 async函数使用方法详解