让开发更轻松——Generator+co/async await让异步不再繁琐

2023-09-13 04:15:57

Generator：生成器

Generator是一个生成器，它可以生成出一个迭代器。迭代器是一种对象，它可以按顺序返回一组值。Generator函数和普通函数的区别在于，Generator函数在遇到yield时，会暂停执行，并将当前执行状态保存起来。当下次调用Generator函数时，它会从上次暂停的地方继续执行。

co：控制异步流程

co是一个库，它可以帮助开发者控制异步流程。co函数可以将Generator函数包装成一个Promise对象。当调用co函数时，它会自动执行Generator函数，并将结果作为Promise对象返回。

async和await：更简洁的异步编程方式

async和await是ES7中引入的两个新关键字。async函数可以将一个普通函数标记为异步函数，await关键字可以暂停async函数的执行，直到一个Promise对象被解析。

实例

下面是一个使用Generator、co、async和await编写的简单示例：

function* main() {
  const result1 = yield fetch('https://example.com/data1');
  const result2 = yield fetch('https://example.com/data2');

  return result1 + result2;
}

co(main()).then(result => {
  console.log(result);
});

async function mainAsync() {
  const result1 = await fetch('https://example.com/data1');
  const result2 = await fetch('https://example.com/data2');

  return result1 + result2;
}

mainAsync().then(result => {
  console.log(result);
});