如何使用 ES6 的 async/await 结构实现异步操作

当我们面临网络请求、文件读取、数据库查询等异步操作时，常常需要使用回调函数或 Promise 函数来处理返回的结果。不过，ES6 引入了一种更加优雅的处理异步操作的方法：async/await。

async/await 是一种基于 Promise 封装的语法糖，它能够简化 Promise 对象的使用，让我们以同步的方式编写异步代码。

async 函数

async 函数是异步函数的一种新语法，它就是 Promise 的语法糖。我们可以使用 async 定义一个异步函数，如下示例：

async function readData() {
  // 异步代码
  return 'data';
}

异步函数以关键字 async 开头，返回一个 Promise 对象，而函数体内部则可以像编写同步代码一样编写异步代码。

await 表达式

在 async 函数内部，语句会按照顺序执行。当遇到 await 表达式时，async 函数会暂停执行并等待 Promise 对象 resolved，然后继续执行后面的代码。如下示例：

async function readData() {
  const data = await fetchData();
  console.log(data);
  return data;
}

在这个例子中，当 fetchData() 返回一个 Promise 对象时，async 函数将暂停执行，直到该 Promise 对象 resolved 执行完成，然后获取其返回值并赋值给 data 变量。这里的 await 表达式实际上是将 resolve 后的结果赋给 data，类似于 const data = resolveResult;。

如果 await 表达式的值是一个 Promise 对象，await 操作符会暂停 async 函数的执行，直到 Promise 完成，然后返回其 resolve 的值。

需要注意，只有在 async 函数内部才能使用 await 表达式。如果在普通函数中使用 await，会直接编译抛出语法错误。

错误处理

在 async 函数中，如果 Promise 执行出现错误，可以使用 try/catch 语句进行捕捉。如下示例：

async function readData() {
  try {
    const data = await fetchData();
    console.log(data);
    return data;
  } catch (error) {
    console.error('读取数据时出现错误：', error);
    return null;
  }
}

在这个例子中，如果 fetchData() 返回的 Promise 对象 reject，try/catch 语句会捕捉到错误信息并打印错误信息。

示例代码

下面是一个读取文件的示例，使用了 async/await 结构实现异步操作：

const fs = require('fs');
const util = require('util');

const readFile = util.promisify(fs.readFile);

async function readData() {
  try {
    const data = await readFile('./data.txt');
    console.log(data.toString('utf8'));
  } catch (error) {
    console.error('读取文件时出现错误：', error);
  }
}

readData();

在这个示例中，我们使用 util.promisify() 将 Node.js 原生的 fs.readFile() 方法转换为 Promise 对象，然后在异步函数中使用 await 表达式读取文件数据。如果文件读取成功，将打印文件内容；如果读取失败，将打印错误信息。

总结

async/await 是一种简单、优雅的处理异步操作的语法糖。它不仅能让我们写出与同步代码一样简洁易懂的异步操作，还具有良好的错误处理能力。虽然它仅仅是 Promise 的语法糖，但它的编写方式让异步代码的编写变得简单易懂。希望本文能够帮助你更好地理解和使用 async/await 结构。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b852daadd4f0e0ff0d8fc2